Performant CSS Animations: Netflix Case Study

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…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Responsive Images in Practice

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…

VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)

The Anti-hero of CSS Layout – “display:table”

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”…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)