Setting Up Tailwind CSS In A React Project — Smashing Magazine
In this article, Blessing Krofegha introduces Tailwind CSS, a CSS library that gives you all of the building blocks you need to build bespoke designs without opinionated styles. With Tailwind CSS, you get to create the components that suit what you want or what you are working on. These components can be created by harnessing the power of the utility-first prowess of Tailwind CSS. You’ll also learn how to seamlessly set up Tailwind CSS in a React project.
What’s the big deal, just name it the first thing that makes sense, right? It makes sense now, so it will probably always make sense! .btn–small, .btn–tiny, .btn–really-tiny…
No, Utility Classes Aren't the Same As Inline Styles | frontstuff
Half a decade after the first commit of the pioneering ACSS, utility-first CSS is more popular than ever. With success comes many adepts but also a fair shar...
Developing For Imperfect: Future Proofing CSS Styles | Modern CSS Solutions
How do we plan future-proof styles in a world with an infinite degree of device and user ability variance? Let's explore how things can break and how modern CSS provides solutions.
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel.
ABEM. A more useful adaptation of BEM. | CSS-Tricks
I'm a massive fan of BEM, however there are a few problems I have with the syntax. I've made some slight tweaks to improve on it. I call this adapted syntax ABEM.