Utility-first CSS: The highs and lows of styling web sites
Keeping our CSS efficient and organized can be a challenge. There are many popular approaches out there it helps architect our CSS so that it remains usable as projects grow. None of them have really suited Phil. Speaker's best intentions have always given way to shortcuts, compromises and dark patterns. He's the worst. But Phil suspects he's not totally alone.
Lately, an approach called "utility-first CSS" has been gaining in popularity. Spearheaded by CSS frameworks such as TailwindCSS and Tachyons, they provide predefined utility classes that you can use right away. Phil was skeptical, but some experimentation and an open mind have made him a fan. Let him tell you why.
Phil is Principal Developer Experience Engineer at Netlify.
With a passion for browser technologies, and the empowering properties of the web, he loves seeking out ingenuity and simplicity, especially in places where over-engineering is common.
After more than 20 years of building web applications for companies such as Google, Apple, Nike, R/GA, and The London Stock Exchange, Phil has worked to challenge traditional technical architectures in favour of simplicity and effectiveness.
Phil is co-author of "Modern Web Development on the JAMstack" (O’Reilly, 2019).