~/talk

Refactoring CSS Without Losing Your Mind

Talkat CSSconf Argentina 2016 · on Sunday, 2016-08-07· [css, frontend-architecture]
slides:none on file

Argues that refactoring must be specific: prove costs with numbers (theme hacks total 9 days versus a 7‑day refactor), avoid giant “refactoring tunnels,” and prefer many small scoped refactors (nav, buttons). Recommends techniques that actually work: use all:initial to stop style leakage, run a temporary defense.css (used at Sky) to reconcile old and new toolkits, mark completed code with RF- classes, stash hacks in shame.css, and apply specificity hacks (IDs as attribute selectors, :root) instead of spraying !important.

AI-written summary · about

  1. 0:00Intro
  2. 1:23HI, I'M HARRY
  3. 3:41THREE KINDS OF REFACTORING
  4. 7:13TECHNICAL DEBT
  5. 8:04WHEN TO REFACTOR
  6. 11:10WHEN NOT TO REFACTOR
  7. 13:25UGLY CODE
  8. 16:18REFACTORING TUNNELS
  9. 18:06REFACTOR IN ISOLATION
  10. 22:16SKY UI TOOLKIT
  11. 27:31HACKING SPECIFICITY
  12. 30:17THESE ARE HACKS
  13. 31:47ISOLATE HACKS
  14. 33:01SHAME.CSS
  15. 40:26REMEMBER
~/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.