Issue #233

October 4, 2016

Things to Watch Out for When Working with CSS 3D

Ana Tudor on the challenges she encountered while working with CSS 3D transforms.

Ilya Grigorik explains how optimized fonts, combined with a judicious strategy for how they are loaded and applied on the page, can help reduce the total page size and improve page rendering times.

Toptal

Optimize Your Hiring. Toptal matches companies like Airbnb, Pfizer, and Artsy with the world’s best designers. Let Toptal find your next great hire.

Hire a Designer

Articles & Tutorials

"will-change" must change? Animators beware.

Carl Schoof points out that the will-change property can have some unintended consequences for animators, as Chrome 53 proves.

Grid Layout Is a Much Needed Step-change for CSS

Matt Hinchliffe explains why Grid layout has the chance to deliver a huge shift in the way we rationalize layout systems for the web and drastically reduce the complexity of the markup and styles currently required.

Using Round and Space in Repeated Background Images

Dudley Storey shows how to evenly distribute tiled images using background-repeat: round; and background-repeat: space.

Accessible Floating Labels

Matt Smith shows a design-friendly way to make accessible floating labels.

Flex-Grow 9999 Hack

Joren Van Hee explains how the flex-grow 9999 hack makes a flex item behave like it has two flex grow values. It prevents a flex item in a row from growing, but allows it to grow if it’s wrapped into its own line.