Style Documentation for the Resource-Limited

on YouTube ↗37m

" summary

Argues a concrete, incremental method that avoids stop-the-world rewrites: a three-step cycle to identify, codify, document UI components, refactor into Rails helpers or component builders, use SCSS class-extends to consolidate classes, and test output with Nokogiri. Recommends living docs generated with Hologram + KSS and embedding examples so the style guide auto-updates from real code. Claims this is practical for resource-limited teams and notes ActBlue raised $1.1 billion total and about $0.1 billion in the last month or two.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 3:14you have an accidental styleguide
3. 5:42look and feel of individual widgets
4. 14:31step 1: identify
5. 25:41step 3: document
6. 29:56document helpers, not just markup
7. 35:30questions?

" related talks

• 45mMaintainable Style GuidesBermon Painter · Web Unleashed 2015
• 42mThe Dream of Styleguide Driven DevelopmentSara Vieira · React Alicante 2017
• 34mCreating Living Style GuidesNicole Sullivan · JSConf US 2013
• 37mThe ABC of Coded Style GuidesHenning Muszynski · React Alicante 2018
• 46mInclusive Development: Using Style Guides to Improve Website AccessibilityCarie Fisher · MidCamp 2017
• 42mDesigning Inspired Style GuidesAndy Clarke · Talk.CSS max-content Edition
• 01h 05mStyleguide-Driven DevelopmentTatiana Kolesnikova, Arvid Torset · NDC London 2018
• 34mThe Dream of Styleguide Driven DevelopmentSara Vieira · JSHeroes 2018