You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+8-4Lines changed: 8 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -1,15 +1,19 @@
1
1
# A Scalable CSS Reading List
2
2
3
-
Things to read (or watch) that address these two questions: **What is scalable CSS?** and **How do we write scalable CSS?**
3
+
A list of things to read or watch that address these two questions: **What is scalable CSS?** and **How do we create scalable CSS?**
4
4
5
5
By *scalable CSS*, I mean CSS that is
6
6
- capable of remaining effective, coherent, extendable, and maintainable as projects grow over time
7
7
- capable of being understood and worked on by any number of different people in a consistent, systematic way
8
8
9
-
Included are resources that articulate key principles and practices.
9
+
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.
10
10
11
11
**If you know of a resource that should be added, please share! File an issue or a pull request.**
12
12
13
+
(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.)
14
+
15
+
*None of the sections present any kind of "ranking" or "suggested reading order." Just read them all.*
16
+
13
17
## Articles
14
18
15
19
Newest on top, oldest on bottom.
@@ -33,7 +37,7 @@ Newest on top, oldest on bottom.
33
37
34
38
These styleguides articulate conventions and guidelines for authoring scalable CSS.
35
39
36
-
(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.)
40
+
(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.)
@@ -44,7 +48,7 @@ These styleguides articulate conventions and guidelines for authoring scalable C
44
48
45
49
## Talks
46
50
47
-
Newest first, as far as I can know.
51
+
Newest first, I think.
48
52
49
53
-[Adaptation and Components](https://www.youtube.com/watch?v=m0oMHG6ZXvo) ([slides](https://speakerdeck.com/necolas/adaptation-and-components)), Nicolas Gallagher (2014)
50
54
-[CSS is a Mess](https://www.youtube.com/watch?v=C4z_9F6nfS8), Jonathan Snook (2013)
0 commit comments