Style Guide Driven Development

Explore style guide driven development in this 39-minute conference talk from CSSConfUS2014. Learn about incorporating Markdown in SCSS, creating sub-components, and generating style guides. Discover the importance of separating structure from chrome and what makes a good component. Examine practical examples like the tile panel (box) and gain insights into converting pages and design-dev pairing. Understand the tangible and intangible results of implementing this approach, backed by numerical data and qualitative observations.

Intro
WE'LL TALK ABOUT A FEW THINGS...
RESULTS! (WITH NUMBERS)
MARKDOWN IN THE SCSS
SUB-COMPONENTS
GENERATED STYLE GUIDE
WHAT DON'T WE KNOW?
SEPARATE STRUCTURE FROM CHROME
A FEW LINES OF HTML...
4 LINES OF CSS...
WHAT MAKES A GOOD COMPONENT?
THE TILE PANEL (BOX)
WHEN CONVERTING A PAGE...
DESIGN & DEV PAIRING
RESULTS! (MUSHIER)