~/talk

10 Commandments for Efficient CSS Architecture

Talkat CSSConf.Asia 2014 · on Wednesday, 2014-11-19· [css, frontend-architecture]
slides:none on file

Ten concrete rules claim to make large‑scale CSS manageable: keep files small and modular, centralize config into use variables and placeholders (Sass examples), and name components with BEM single-class selectors to keep specificity low. A real pain point is @extend causing selector hell — replacing it with placeholders cuts generated CSS and compilation work (one project sees 76% compile time reduction). A live MMO CSS game is built and runs as a demo, proving the practices in action.

AI-written summary · about

  1. 0:00Intro
  2. 8:07Component Abstraction
  3. 11:03Selectors
  4. 13:47Naming
  5. 14:36BEM
  6. 19:16ZIndex
  7. 21:26Extend
  8. 25:17Demo
~/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.