Slides from my post-Halloween talk at HTML5 Chicago (http://www.meetup.com/chicago-html5/events/208883662/). Video here: http://struct.tv/streams/22

2. RELEVANT INFO:
• Front-End Developer @kohactive
• Client Work
• Internal Projects

4. • What are style guides?
• Why use style guides?
• How to implement style guides

5. WHAT ARE
STYLE GUIDES?

6. CODE STYLE GUIDE
https://github.com/airbnb/javascript

7. CODE STYLE GUIDE
https://github.com/airbnb/javascript

12. PATTERN LIBRARY
http://patternprimer.adactio.com/

13. WHY USE
STYLE GUIDES?

14. CONSISTENCY & REUSE

15. CONSISTENCY & REUSE

16. CONSISTENCY & REUSE

17. CONSISTENCY & REUSE

18. QUICK LEARNING
& REFRESHING

19. HOW TO IMPLEMENT
STYLE GUIDES

20. 1. STATIC

21. 1. STATIC

22. 2. KSS
http://warpspire.com/kss/

23. 2. KSS

24. 2. KSS
http://warpspire.com/kss/
• Knyle Style Sheets
• by Kyle Neath
• CSS, Sass(scss/sass), LESS

25. 2. KSS
http://warpspire.com/kss/

26. 2. KSS
http://warpspire.com/kss/

27. 2. KSS
http://warpspire.com/kss/

28. 3. HAUTE
ALPHA

29. 3. HAUTE

30. DEMO!

31. • @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