A Real-Life Journey into the Opinionated World of "Utility-First" CSS - Links & Resoures

index.md

Articles & websites

Let There Be Peace On CSS: https://medium.com/@didoo/let-there-be-peace-on-css-8b26829f1be0

CSS and Scalability: http://mrmrs.cc/writing/2016/03/24/scalable-css/

About HTML Semantics and Front End Architecture: http://nicolasgallagher.com/about-html-semantics-front-end-architecture/

CSS Utility Classes and "Separation of Concerns": https://adamwathan.me/css-utility-classes-and-separation-of-concerns/

Naming CSS Stuff Is Really Hard: https://seesparkbox.com/foundry/naming_css_stuff_is_really_hard

DWYL/Learn Tachyons: https://github.com/dwyl/learn-tachyons

CSS Zen Garden: http://csszengarden.com/

Libraries & Frameworks

Tachyons: https://tachyons.io/

Tailwind CSS: https://tailwindcss.com/

Flexbox Grid: http://flexboxgrid.com/

Further reading

The Case for Atomic CSS: https://johnpolacek.github.io/the-case-for-atomic-css/

How is Tachyons Different From Inline Styles?: tachyons-css/tachyons#12

Don't Write CSS, Configure it With Tailwind: https://frontendnews.io/editions/2018-08-08-tailwind-css-tutorial