Today, I just noticed that Github removes gradients in some design parts especially in Top Navigation.
Hi, GitHub designer/developer here.
Yup, we removed the header gradients, a bunch of the text and box shadows, swapped out some icons, moved a few things around, and simplified our search bar. All in the name of focus and simplicity and thinking through the future styles of the site.
I wouldn't say we're "rolling out flat design", but whenever we feel something is superfluous, we're going to remove it (or improve it). In this case, the header felt cramped and quite full with the added noise of the content and visual effects we were using.
So, we nuked it.
Sure, it's flat, but the idea isn't to make everything flat. Things that are more interactive—buttons—should maintain their tactile feel and affordance. Things like headers, alerts, and the like should be lightweight and let the content shine.
The big thing with GitHub is that our content can range from Markdown-formatted text to code of all different languages. The diffs and blobs for those files can be super heavy and complicated to look at. Removing visual clutter is a huge part of making that stuff faster (to serve and use) and easier to work with.
Question: How do you publish new version? What is your method to remove old cache in the browser?
And yeah, welcome aboard :)
We deploy dozens of times every day. Every deploy invalidates the old CSS and issues a new versioned bundle of CSS, so there's not caching to deal with on our end save for the CDN we serve from. However, since the CSS is versioned, there's nothing to remove in the browser.
Just the header today, I think: https://twitter.com/mdo/status/501895751316680706
No, they be rolling out @mdo
Lol, this might be my favorite thing ever <3.
great change but still have gradients on buttons
Seems like it, the icons got a new place in the header too. They changed some of the grey gradients to flat too.