The Ultimate CSS Survey: Part 2

1,877 responses

1. How often do you use a 3rd-party CSS framework (e.g. Bootstrap, Foundation)?

1K out of 1K answered

1
Most projects
24% / 458 resp.
2
Some projects
20% / 375 resp.
3
Every project
19% / 369 resp.
4
Rarely
19% / 356 resp.
5
Never
17% / 319 resp.

2. What is your primary CSS Framework for new projects?

1K out of 1K answered

1
Bootstrap
42% / 801 resp.
2
I don't use a CSS framework
21% / 394 resp.
3
My own (or my company's own) custom solution
18% / 352 resp.
4
Foundation
9% / 185 resp.
5
Pure by Yahoo!
0% / 17 resp.
6
Semantic UI
0% / 13 resp.
7
UIkit
0% / 10 resp.
8
Other
5% / 105 resp.

3. What kind of grid solution do you primarily use?

1K out of 1K answered

1
A 3rd-party library or framework
51% / 967 resp.
2
Custom-built solution or framework
30% / 565 resp.
3
I don't need any kind of grid solution
16% / 310 resp.
4
Other
1% / 35 resp.

4. Do you use a CSS preprocessor (not a post-processor) for the majority of new projects?

1K out of 1K answered

1
Yes
73% / 1K resp.
2
No
26% / 502 resp.

5. Which of the following CSS pre- and post-processors have you used on a real project?

1K out of 1K answered

1
Sass
87% / 1K resp.
2
Less
46% / 762 resp.
3
PostCSS
19% / 311 resp.
4
Stylus
6% / 100 resp.
5
Pleeease
2% / 34 resp.
6
Myth
0% / 9 resp.
7
CSS-Crush
0% / 8 resp.
8
Rework
0% / 7 resp.

6. Do you feel CSS preprocessors like Sass and Less are the way CSS should have been created in the first place?

1K out of 1K answered

1
Yes
72% / 1K resp.
2
No – variables, programming logic, etc., don't belong in stylesheets
27% / 509 resp.

7. What is your primary code editor for CSS development?

1K out of 1K answered

1
Sublime Text
40% / 766 resp.
2
Atom
17% / 326 resp.
3
Brackets
7% / 131 resp.
4
Notepad++
4% / 84 resp.
5
Dreamweaver
4% / 76 resp.
6
Coda
3% / 72 resp.
7
Vim
2% / 39 resp.
8
BBEdit
0% / 12 resp.
9
TextMate
0% / 12 resp.
10
CoffeeCup
0% / 5 resp.
11
Other
18% / 354 resp.

8. What is your primary CSS reset?

1K out of 1K answered

1
Normalize.css
42% / 798 resp.
2
I normally use a framework that has a reset built in
14% / 263 resp.
3
Eric Meyer's CSS reset
12% / 233 resp.
4
My own custom reset
8% / 167 resp.
5
A customized version of Normalize.css
6% / 123 resp.
6
I don't use a CSS reset
6% / 122 resp.
7
A customized version of Eric Meyer's CSS reset
5% / 96 resp.
8
* { margin: 0; padding: 0 } and nothing else
3% / 59 resp.
9
Other
0% / 16 resp.

9. Which of the following CSS-related tools are you excited about?

1K out of 1K answered

1
Bootstrap 4
51% / 726 resp.
2
PostCSS
49% / 691 resp.
3
Foundation 6
24% / 347 resp.
4
Grid Style Sheets (GSS)
22% / 314 resp.
5
cssnext
12% / 180 resp.
6
Pleeease
4% / 62 resp.
7
Myth
2% / 33 resp.

10. What is your primary CSS methodology?

1K out of 1K answered

1
I just write CSS, I don't use any of those systems
35% / 669 resp.
2
BEM
20% / 385 resp.
3
A combination of two or more of the above
16% / 305 resp.
4
I don't know what a CSS methodology is
10% / 198 resp.
5
SMACSS
5% / 105 resp.
6
OOCSS
5% / 102 resp.
7
Atomic CSS
2% / 44 resp.
8
ITCSS
1% / 22 resp.
9
SUIT CSS
0% / 16 resp.
10
Other
1% / 31 resp.

11. How do you deal with vendor prefixes in CSS?

1K out of 1K answered

1
I hard code them manually
23% / 437 resp.
2
I don't include any vendor prefixes in my CSS
7% / 134 resp.
3
I don't know what vendor prefixes are
5% / 96 resp.
4
Prefix free
3% / 56 resp.
5
Autoprefixer
0% / 8 resp.
6
Other
5% / 93 resp.

12. Do you minify your CSS?

1K out of 1K answered

1
Yes, for every project
51% / 972 resp.
2
Yes, for most projects
24% / 464 resp.
3
No, but I have done it a few times
17% / 324 resp.
4
No, never
6% / 117 resp.

13. Have you ever filed a CSS-related bug with one of the browsers? (e.g. Google Chrome)

1K out of 1K answered

1
Yes
23% / 437 resp.
2
No
76% / 1K resp.

14. Have you ever filed a bug that you found in a CSS Framework? (e.g. Bootstrap)

1K out of 1K answered

1
Yes
15% / 293 resp.
2
No
84% / 1K resp.

15. Have you ever released a CSS-based project (e.g. a framework, plugin, library, etc.) on GitHub or similar open source repository service?

1K out of 1K answered

1
Yes
18% / 352 resp.
2
No
81% / 1K resp.

16. How do you feel about managing CSS via JavaScript (e.g. using React or similar)?

1K out of 1K answered

1
I don't have a strong opinion on this
36% / 677 resp.
2
It's an awful idea
27% / 514 resp.
3
I'll get on board if it's done right
25% / 477 resp.
4
I've never heard of that
6% / 115 resp.
5
It's a great idea
5% / 94 resp.

17. How often do you use a ready-to-use pure CSS animation library (e.g. Animate.css)?

1K out of 1K answered

1
Occasionally
31% / 597 resp.
2
Never
31% / 589 resp.
3
Rarely
28% / 525 resp.
4
On most projects
7% / 144 resp.
5
On every project
1% / 22 resp.

18. How often do you use browser developer tools for debugging CSS?

1K out of 1K answered

1
All the time, I can't imagine not using them
85% / 1K resp.
2
Fairly often
8% / 159 resp.
3
Occasionally
2% / 46 resp.
4
Rarely
1% / 33 resp.
5
Never, I can debug in a static stylesheet just fine
0% / 17 resp.
6
Never, I didn't know my browser had such tools
0% / 11 resp.

19. How often do you use browser flags to test experimental CSS features (e.g. Grid Layout)?

1K out of 1K answered

1
Never
29% / 560 resp.
2
Rarely
27% / 522 resp.
3
Occasionally
20% / 377 resp.
4
I don't know how to enable browser flags
18% / 338 resp.
5
Often
4% / 80 resp.

20. What is your (or your team's) view of CSS performance?

1K out of 1K answered

1
I (or we) deal with more important performance issues first, but we do spend some time on it
59% / 1K resp.
2
I (or we) don't spend any time on it
29% / 553 resp.
3
It's a top priority
11% / 217 resp.

21. Do you implement some kind of critical "above the fold" CSS workflow?

1K out of 1K answered

1
No
57% / 1K resp.
2
I don't know what "above the fold" CSS means
21% / 401 resp.
3
Yes, I do it manually
10% / 198 resp.
4
Yes, using a task runner or similar tool that automates it
10% / 198 resp.

22. Do you (or does your team) produce documentation for your CSS?

1K out of 1K answered

1
No
71% / 1K resp.
2
Yes, it's written manually
23% / 432 resp.
3
Yes, but it's automated
5% / 101 resp.

23. How often do you use the command line for CSS-related tasks?

1K out of 1K answered

1
Never
31% / 593 resp.
2
Just about every work day
23% / 437 resp.
3
Rarely
21% / 400 resp.
4
Occasionally
12% / 237 resp.
5
Fairly often
11% / 210 resp.

24. How effective are you (or is your team) at testing CSS on a variety of mobile browsers and platforms?

1K out of 1K answered

1
I do a moderate amount of mobile testing
43% / 812 resp.
2
I thoroughly test on a number of different mobile browsers and platforms
28% / 535 resp.
3
I do some, but not much, mobile testing
25% / 472 resp.
4
I don't do any mobile testing
3% / 58 resp.

25. Which of the following Microsoft Browsers do you currently write or include CSS hacks for?

1K out of 1K answered

1
IE9
61% / 876 resp.
2
IE10
61% / 870 resp.
3
IE11
57% / 808 resp.
4
Edge
44% / 634 resp.
5
IE8
35% / 501 resp.
6
IE7
8% / 121 resp.
7
IE6
3% / 47 resp.
8
IE5.5
1% / 15 resp.

26. Have you ever included a CSS hack to target a non-Microsoft browser in a real project?

1K out of 1K answered

1
Yes
54% / 1K resp.
2
No
45% / 855 resp.

27. Have you ever used a non-code tool (e.g. Macaw or Webflow) to produce CSS for a real project?

1K out of 1K answered

1
Yes
3% / 74 resp.
2
No
96% / 1K resp.