The Night of the Living Style Guides
summary
Claims that living style guides cut inconsistency and speed development get shown with concrete numbers, tools and techniques: automated audits find 250 unused selectors, accessibility checks use tote a11y and Chrome devtools, and CSS variables plus KSS parsers or component tools like styleguidist / catalog or platforms such as Pattern Lab and Fractal plug straight into builds. Color fixes are demonstrated by adjusting HSB and shifting hue toward primaries/secondaries for tints and shades. Starter code and workflow notes live on GitHub.
AI-written summary · about
chapters (13)
- 0:00Modern web monsters
- 1:53Living style guide
- 3:56Why style guides are magical
- 6:26Component-based style guides
- 8:33Testing style guides
- 10:43Team collaboration
- 12:10Style guide contents
- 15:44Styling the style guide
- 16:28Style guide tools
- 19:42KSS documentation
- 21:06Component-driven tools
- 23:10Color problem solving
- 27:45Conclusion
related talks
48mA practical guide to style guide driven development
29mStyleguides are dead! Long live Styleguide-Flows!
38mStyleguide-Driven Development
01h 05mStyleguide-Driven Development
51mModern CSS Development: Tooling & Workflows
40mModern CSS Development and Debugging
42mAutomated CSS Testing
57mCSS preprocessor performance