Andy Bell explores masonry layout, :is selector, clamp(), ch and ex units, updated text decoration, and a few other useful new CSS properties.
Tobias Ahlin takes a deep-dive into two strategies that produced the most significant performance impact for GitHub’s new homepage: crafting high-performance animations and serving the perfect image.
I’m running another newsletter called Inspiration Bits. The content is not technical but rather inspirational; it intends to initiate change bit by bit, person by person. It’s for the people who seek progress, who want to thrive and improve. It’s for you.
Articles & Tutorials
Una Kravets explains how to maintain aspect ratio within images and elements with the new aspect-ratio CSS property.
Matt Hobbs outlines how a small change in the ordering of your font sources in the @font-face rule can significantly impact performance.
Katie Hempenius shows how to optimize carousels for performance and usability.
Eric Bailey shares some advice on working with tabindex attribute.
Luka Peharda gives some fundamental tips on becoming a better developer.
Learn what’s next in web design by participating in An Event Apart Online Together: Spring Summit, a 3-day conference with an intense focus on digital design, UX, content, code, and more, packed with tips and insights into the future from 15+ industry shakers and shapers. Join us online April 19–21.
An online tool to generate performant striped backgrounds using only CSS.
Gyula Németh built a CSS-only proof-of-concept memory game that works in email clients.