CSS – You’ve Been Doing It Wrong

CSS – You’ve Been Doing It Wrong, Hey!Stac, Leeds. June 2013.

1. CSS – You’ve Been Doing It Wrong
2. Harry Roberts @csswizardry @
4. CSS – You’ve Been Doing It Wrong
5. Should designers code?
6. Sure! But not as designers.
7. ‘We all know developers shouldn’t design.’
8. 1955: FORTRAN
9. 1996: CSS
10. Programmers have had a 41 year head start!
11. We should listen to developers.
12. Abstractions
13. Object orientation
14. Performance first
15. DRY
16. Single Responsibility Principle
17. KISS
18. CSS != ‘Code’
19. DRYness
20. DRYness Robustness
21. DRYness Scalability Robustness
22. DRYness Scalability Robustness Performance
23. DRYness Scalability Maintainability Robustness Performance
24. DRYness Efficiency Scalability Maintainability Robustness Performance
25. DRYness Efficiency Scalability Maintainability Modularity Robustness Performance
26. DRYness Efficiency Scalability Maintainability Modularity Robustness Portability Performance
27. DRYness Efficiency Scalability Maintainability Readability Modularity Robustness Portability Performance
28. Over engineered
29. Complex
30. Spaghetti code
31. Developers have been listening to designers :(
32. <?= date("Y") ?>
33. ‘No extra markup!’
34. ‘Semantic classes!’
35. Prettiness
36. Hand crafting
37. Gold plating
38. Complexity
39. CSS is pretty poor…
40. …but you can write it better.
41. Write CSS with a developer’s mind.
42. CSS – You’ve Been Doing It Wrong
43. Harry Roberts @csswizardry @