~/talk

CSS as a Service: Maintaining Style

Talkat PyOhio 2018 · 2018-07-28..07-29· [css, frontend-architecture]
slides:none on file

Argues for a central CSS package that serves many codebases, implemented as a Node module (or gem) and documented in a separate style guide, with a master rolodex import, namespaced folders, normalize.css baseline, and Sass features like Sass maps and mixins to generate theme and utility classes. Claims modular single‑responsibility components cut duplication; measured results at two companies show substantially smaller CSS file size, fewer unique selectors, and overall improved maintainability.

AI-written summary · about

  1. 0:00Introduction
  2. 1:21The Problem
  3. 4:16ServiceOriented Architecture
  4. 5:26Design Concerns
  5. 6:06Agenda
  6. 6:44Working backwards
  7. 9:44Normalize CSS
  8. 9:58MasterRolodex
  9. 10:54Settings
  10. 12:04Components
  11. 12:54Component Example
  12. 13:34Implementation
  13. 18:20Naming
  14. 19:03Un unrecognizable class names
  15. 20:49predictable class names
  16. 21:43sass
  17. 22:46arguments
  18. 23:21maps
  19. 24:35functional CSS
  20. 25:38this is complicated
  21. 26:57find a sandbox
  22. 27:24internal feedback
  23. 27:42measure your improvements
  24. 28:24file size
  25. 28:56property counts
  26. 29:37Bootstrap themes
~/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.