BuildingScalableDesign

Hi!I’mDiana,orBroccolinionmostoftheinternet.

Madebyrealpeople.

BuildingScalableDesign

Shopmanagementre-design

Notresponsive

Whynotusethestyleguidewehave?

Missingpatterns.

Westoppedfollowingsomepatternsastheyshowedtheirage.

Manypatternsweren’tdesignedwithresponsivenessinmind.

…andingeneral,wehavetowriteatonofCSS.

Anewstyleguide

Newgoals

BeeasytouseBeresponsiveDocumentallofthepatternsPeopleshouldn'tneedtowritenewCSS

SupportacultureofStyleGuideDrivenDesign

&Development

Designwithstylesinthestyleguidefirst.

Buildstylesinthestyleguidefirst.

Buildingalivingstyleguide

4designers

Aaron Jessica Dennis Diana

~300Designers&Engineers

Somethingswelearned...

Thefirststylesyoumakeprobablywon'tberight.

Nothingisfinal.

Don'tgettoospecifictooearly.

Namingstuffishard.

Getfeedbackfromalotofpeople.

Developanamingconvention.

Documenteverything

Includingyourprinciples.

Noteverythingisbestdoneincode.

Validation

Boot-campersuseditwithoutguidanceanditlookedalright!

Butdotrainpeople.

Trustpeople

Youmightbetemptedtomakestylesmorespecifictorestricttheiruse.

Don't.

Documentation,designreviews,codereviews,andleadingbyexample

workbetter.

MakeitastyleguidepeopleWANTtouse.

Thanks!

slides.com/dianamounter/building-scalable-design