Interoperable JavaScript Modules March 21, 2009 Kris Kowal
4
CommonJS July 2009
5
"Whatever Node Does." became the standard
6
Sweet JavaScript History Lesson!
7
Browserify September 5, 2011
8
You can change the human interface of a language without needing to change the machine interface.
9
Interoperable CSS June 21, 2015
10
Human interfaces
11
Good design should lead you to good practice
12
What would make CSS easier for humans?
13
Class names are the Local Variables of your CSS
14
CSS Modules - Part One Local-by-default
15
Target everything directly & stop leaking styles
16
CSS Modules - Part Two Composition
17
Multi-file composition
18
Define an API into your styles for your markup to use
19
Isolation & reuse
20
Conclusion
21
Good abstractions should save you cognitive load
Description:
Explore the future of CSS in this 29-minute conference talk from CSSconf EU 2015. Delve into Interoperable CSS, a new format supported by Webpack and JSPM, and its potential to revolutionize CSS like CommonJS did for JavaScript. Learn about local-by-default class names, multi-file composition, and how to create isolated, reusable styles. Discover the evolution of web development practices, from JavaScript's history to modern CSS techniques, and understand how good abstractions can reduce cognitive load. Gain insights into creating better human interfaces for CSS and implementing good design practices that lead to improved workflow.