~/talk

At Least 6 Ways to Win with CSS Modules

Talkat CSSConf Australia 2016 · on Wednesday, 2016-11-30· [css]
slides:none on file

Concrete claims and demos: CSS Modules yields six ways to improve a component CSS architecture, shown with a leaderboard/avatar example and real build tooling like webpack and CSS imports. It renames classes at build, produces an explicit JS-to-CSS API, encourages immutable classes and composition, forces moving contextual display logic into component APIs, puts CSS in the dependency tree, and makes it safe to delete dead CSS. Results reported from 12–18 months of production use.

AI-written summary · about

  1. 0:00Introduction
  2. 2:00My experience with CSS
  3. 7:10Why win
  4. 10:45Simplicity
  5. 18:15Patterns
  6. 24:15Build Tools
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.