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.
Overview
Syllabus
Intro
JavaScript in 2008
Interoperable JavaScript Modules March 21, 2009 Kris Kowal
CommonJS July 2009
"Whatever Node Does." became the standard
Sweet JavaScript History Lesson!
Browserify September 5, 2011
You can change the human interface of a language without needing to change the machine interface.
Interoperable CSS June 21, 2015
Human interfaces
Good design should lead you to good practice
What would make CSS easier for humans?
Class names are the Local Variables of your CSS
CSS Modules - Part One Local-by-default
Target everything directly & stop leaking styles
CSS Modules - Part Two Composition
Multi-file composition
Define an API into your styles for your markup to use
Isolation & reuse
Conclusion
Good abstractions should save you cognitive load
Taught by
JSConf
