Live data from Hacker News

Making our new homepage fast and performant

github.blog

11–20 of 144 posts

Re: Making our new homepage fast and performant

#11
i hate the new circular avatars. A few weeks ago, github avatars were square and it looked much better. It is also contrary to the published github visual guidelines.

EDIT: quote from the current github style guide:

Avatars are images that users can set as their profile picture. On GitHub, they're always going to be rounded squares. They can be custom photos, uploaded by users, or generated as Identicons as a placeholder.

Re: Making our new homepage fast and performant

#12
> High performance animation and interactivity

Animations that jump out at you as you scroll always seem like a great idea, but are a misfeature to be avoided, since they distract from the content, and give across this 'trying too hard' vibe which I personally never liked.

Re: Making our new homepage fast and performant

#13
post #5

I was wondering where the metrics in this graphic are coming from? Great collection of tips, btw. https://github.blog/wp-content/uploads/2021/01/106009495-af8...

TIL that GitHub's blog uses Wordpress, I would have expected them to use the way faster JAMStack for their blog or Jekyll or Hugo.

Re: Making our new homepage fast and performant

#15
post #5

I was wondering where the metrics in this graphic are coming from? Great collection of tips, btw. https://github.blog/wp-content/uploads/2021/01/106009495-af8...

TIL that GitHub's blog uses Wordpress, I would have expected them to use the way faster JAMStack for their blog or Jekyll or Hugo.

Wordpress can be extremely fast if you're CDN caching all of the content. No need to reinvent the wheel for a blog.

Re: Making our new homepage fast and performant

#17
The "Avoiding animation pollution" section has a few minor typos,

`transition: * 0.6s ease` won't work anyway, `*` is a selector, they're looking for a value of `all`. Omitting the transition property all together (i.e. `transition: 1s`) is what people often do but this is bad practice for the reasons they stated.

Also, for the CSS examples I believe they mean to set `.animated:hover` to `opacity: 1;` not 0.

I like the idea of using an SVG mask to make a transparent background on the jpg.

Re: Making our new homepage fast and performant

#20

Earlier quoted context omitted.

TIL that GitHub's blog uses Wordpress, I would have expected them to use the way faster JAMStack for their blog or Jekyll or Hugo.

Wordpress can be extremely fast if you're CDN caching all of the content. No need to reinvent the wheel for a blog.

Even the simple WP cache plugins can handle a fair amount of (non-logged in) traffic.
Post reply on HN