Collected dispatches from The Quest for Scalable CSS
Switch branches/tags
Nothing to show
Latest commit 2df4a83 Dec 4, 2016 @davidtheclark davidtheclark Merge pull request #20 from jitendravyas/patch-2
added atomic css framework by yahoo
Permalink
Failed to load latest commit information.
README.md added atomic css framework by yahoo Dec 3, 2016

README.md

A Scalable CSS Reading List Awesome

A list of things to read or watch that address these two questions: What is scalable CSS? and How do we create scalable CSS?

By scalable CSS, I mean CSS that is

  • capable of remaining effective, coherent, extendable, and maintainable as projects grow over time
  • capable of being understood and worked on by any number of different people in a consistent, systematic way

Included are resources that articulate key principles and practices. The list is restricted to the articles that I consider the most important to read -- that is, the best explanations (of which I'm aware) for different approaches to the problems.

If you know of a resource that should be added, please share! File an issue or a pull request.

(There are plenty of other problems related to CSS: understanding how it works, using specific properties, accomplishing specific styles, achieving responsive design, boosting performance, etc. This list is strictly focused on the problem of creating scalable CSS.)

None of the sections present any kind of "ranking" or "suggested reading order." Just read them all.

Articles

Newest on top, oldest on bottom. (A note for you outside the US: my dates are month/day/year format.)

Authoring Frameworks & Longer Readings

CSS Styleguides

These styleguides articulate conventions and guidelines for authoring scalable CSS.

(I'm distinguishing styleguides from what I would call pattern libraries, which are references created to document and exemplify existing styles rather than guidelines for the authoring of the styles. Other people often use the term styleguide to refer to both or either of these reference types. I think pattern libraries are less specifically about scalable CSS, and more about a scalable frontend design and development workflow; so I'm not including resources related to pattern libraries.)

Workflow Overviews

How we do CSS at [blank] ...

Articles providing overviews of real-life CSS methodologies for production sites and apps of significant scale. Although these articles generally don't include principles that are not better explained in the articles and longer reads above, they are so pragmatic and concrete that they are important reads in their own right. Newest first.

Talks

Newest first, I think.