8 rules for a robust, scalable CSS architecture
, by Jarno Rantanen (10/16/2016)
, by Jarno Rantanen (10/16/2016)
A Scalable CSS Reading List
Collected dispatches from The Quest for Scalable CSS
This page lists names, links and short descriptions. The original list on GitHub is the source and belongs to its authors.
Articles
More Meaningful CSS
, by Jonathan Snook (5/17/16)
CSS and Scalability
, by Adam Morse (3/24/16)
Can CSS Be Too Modular?
, by Harry Roberts (3/8/15)
Side Effects in CSS
, by Philip Walton (3/3/15)
Used and Abused -- CSS Inheritance and Our Misuse of the Cascade
, by Micah Godbolt (8/25/14)
Enduring CSS: writing style sheets for rapidly changing, long-lived projects
, by Ben Frain (8/7/14)
Challenging CSS Best Practices
suggesting a unique approach (all utility classes) the author calls Atomic CSS -- by Thierry Koblentz (10/21/13)
Atomic Design
, by Brad Frost (6/10/13) -- which isn't really about CSS code, exactly; but so many people have found it a valuable way to think about frontend component architecture that it fits in well with this list.
MindBEMding - getting your head around BEM syntax
, by Harry Roberts (1/25/13)
In 2 lists
CSS Architecture
, by Philip Walton (11/16/12)
SOLID CSS
, by Miller Medeiros (9/10/12)
Shoot to kill: CSS selector intent
, by Harry Roberts (7/17/12)
The open/closed principle applied to CSS
, by Harry Roberts (6/21/12)
Keep your CSS selectors short
, by Harry Roberts (5/15/12)
The single responsibility principle applied to CSS
, by Harry Roberts (4/28/12)
About HTML semantics and frontend architecture
, by Nicolas Gallagher (3/15/12)
An Introduction to Object Oriented CSS (OOCSS)
, by Louis Lazaris (12/12/11)
Authoring Frameworks & Longer Readings
Atomic CSS
, Yahoo! Inc.
CSS Modules
, by Glen Maddern
CSS Guidelines
, by Harry Roberts
In 2 lists
Scalable and Modular Architecture for CSS
, by Jonathan Snook
In 3 lists
SUIT CSS Documentation
, by Nicolas Gallagher
In 2 lists
Multilayer CSS
, by Robert Haritonov
Object Oriented CSS Wiki
by Nicole Sullivan
CSS Styleguides
Workflow Overviews
Refining the Way We Structure Our CSS at Trello
, by Bobby Grace (11/11/14)
In 2 lists
How we do CSS at Ghost
, by Paul Davis (11/4/14)
Medium's CSS is actually pretty f***ing good
, by Jacob Thornton (8/28/14)
In 2 lists
Codepen's CSS
, by Chris Coyier (7/30/14)
CSS at Lonely Planet
, by Ian Feather (7/24/14)
In 2 lists
Github's CSS
, by Mark Otto (7/23/14)
In 2 lists
Talks
Atomic CSS
(Slides), Thierry Koblentz (2015)
Managing CSS Projects with ITCSS
, Harry Roberts (2014)
React: CSS in JS
, Christopher Chedeau, a.k.a. Vjeux (2014)
Thinking Beyond "Scalable CSS"
, Nicolas Gallagher (2014)
Adaptation and Components
(slides), Nicolas Gallagher (2014)
CSS is a Mess
, Jonathan Snook (2013)
Architecting Scalable CSS
(slides), Harry Roberts (2013)
CSS for Grownups
(slides), Andy Hume (2013)
CSS module system in Google+
(slides), Shubhie Panicker (2013)
In 3 listsDetails
Object-Oriented CSS
(slides), Nicole Sullivan (2009)
Related lists in Front-End Development
See category93
Awesome Vue
vuejs/awesome-vue
🎉 A curated list of awesome things related to Vue.js
93
Awesome DESIGN.md
VoltAgent/awesome-design-md
A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
91
Awesome Angular
PatrickJS/awesome-angular
:page_facing_up: A curated list of awesome Angular resources
90
Awesome Blazor
AdrienTorris/awesome-blazor
Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
88
Must-Watch CSS
AllThingsSmitty/must-watch-css
CSS talks you have to see covering CSS Grid, flexbox, custom variables, performance, frameworks, tooling, and more! 📺
87
Awesome React Native
jondot/awesome-react-native
Awesome React Native components, news, tools, and learning material!