Animating properties such as width or top forces the browser to recalculate the size and location of every component that may have changed, called a layout. That’s not great for performance. Here’s how you can use two properties (opacity and transform) to create animations that don’t generate a redraw…
If you’ve ever suffered with janky scrolling (who hasn’t) you might want to take a look at this fix that uses the CSS will-change property to make scrolling super smooth…
If you’ve seen the hype surrounding CSS Modules at the moment, have a read through this interesting article by Jon Gold giving his thoughts on how CSS should be written…
Flexbox is a new CSS layout spec that makes it easy to construct dynamic layouts. With flexbox, vertical centering, same-height columns, reordering, and direction agnosticism are a piece of cake…
An interesting article by Stephen Caver exploring a few CSS pseudo-classes that you may not know about…
Jonathan Snook gives his take on how to align icons with text that is lowercase, title case and sometimes all uppercase…
Lots of examples and tutorials around the subject of CSS animation…
Here’s a handy tool that visualizes all kinds of interesting stats about stylesheets including the number of rules, selectors, colors, media queries and font-families…
62% of the weight of the web is images and that’s growing every day. On small or low-resolution screens, most of that data is waste. This article by Eric Portis gives you the low down on how you can do your part for making the web faster…
The topic of table usage in layouts is a sensitive one. In general, web developers consider table-based layout a taboo. Although the reasons against it are well-documented, most developers are unable to provide a sound background for decrying table-base layout except for, “tables are bad”…