• Front-End Developer @kohactive

• Client Work

• Internal Projects

RELEVANT INFO:

• What are style guides?

• Why use style guides?

• How to implement style guides

WHAT ARE STYLE GUIDES?

CODE STYLE GUIDEhttps://github.com/airbnb/javascript

CODE STYLE GUIDEhttps://github.com/airbnb/javascript

PATTERN LIBRARYhttp://patternprimer.adactio.com/

WHY USE STYLE GUIDES?

CONSISTENCY & REUSE

CONSISTENCY & REUSE

CONSISTENCY & REUSE

CONSISTENCY & REUSE

QUICK LEARNING & REFRESHING

HOW TO IMPLEMENT STYLE GUIDES

1. STATIC

1. STATIC

2. KSShttp://warpspire.com/kss/

2. KSS

2. KSShttp://warpspire.com/kss/

• Knyle Style Sheets

• by Kyle Neath

• CSS, Sass(scss/sass), LESS

2. KSShttp://warpspire.com/kss/

2. KSShttp://warpspire.com/kss/

2. KSShttp://warpspire.com/kss/

3. HAUTE

ALPHA

3. HAUTE

DEMO!

• @and1mal

• andimal.co

• @kohactive

• kohactive.com

• https://github.com/airbnb/javascript

• http://patternprimer.adactio.com/

• http://warpspire.com/kss/

• http://kohactive.github.io/haute-osx