View the slides for this talk

Frontend style guides (or pattern libraries) have exploded onto to the scene of web development. You can now publicly view the inner workings CSS and documentation of popular websites and web apps such as Starbucks, Github, Yelp, Disqus, and the BBC.

How were these guides built? Who uses them? And most importantly, how did they choose which approach to take?

Finding your workflow

Next, I’ll talk about how you can adapt these approaches to fit your team’s desired workflow. There are three broad workflows (Manual, Generated, and Hybrid) we’ll look at, discussing the pros and cons of each, as well as what tools are out there to use.

What you’ll learn

• Introduction to and advantages of living style guides
• Approaches for creating and maintaining a style guide
• Tools for automating your style guide documentation
• How to adapt these approaches and tools to fit your workflow
• How the process fits with the roles your team members
• Best practices and resources