Future of Preprocessors

Smashing Conference NYC 2016

Transcript

1. The Future of Preprocessors
2. @Roy
5. 2 0 0 6
10. 0607080910111213141516 Made CSS Great Again
17. how about css features?
18. 0607080910111213141516 CSS Animations Proposed
19. 0607080910111213141516 CSS Animations -webkit- in Chrome
20. 0607080910111213141516 CSS Animations in Internet Explorer
21. 0607080910111213141516 CSS Animations without -webkit-
22. 0607080910111213141516 CSS Animations still Working Draft
23. why so long?
25. Idea
26. Write Editor's Draft
27. Browsers may experiment with implementing
28. Write Working Draft
29. Browsers start implementing
30. Candidate Recommendation
31. Two correct, independent implementations
32. Recommendation
34. Idea
35. Natalie approves
36. It's implemented
37. Works in all browsers
38. Sass gave us the featureS we needeD. Fast.
39. CSS is catching up
40. calc(100% - 80px)
41. Custom Properties
43. Sass > CSS CSS > Sass
44. #languagedesign
45. @if media(...) { ... }
46. No more preprocessors
47. Variables, nesting, placeholders, extend, mixins, functions, control structures, lists/maps, math, ...
48. Programming in your CSS
49. CSS is a machine language
50. Creativity > Repetition
51. Configuration > Search & replace
52. Fun > Frustration
53. Sass is great for non-developers too
54. Don't overdo it
55. The following code was copy & pasted by trained monkeys. Do not try this at home.