Posts Tagged ‘style guide’

  1. 25 Jan, 2018

    Style Guide-Driven Design Systems

    There are many facets of a design system initiative, so it can be extremely daunting to figure out where to begin. There are stakeholders to educate, tools to choose, principles to establish, frontend guidelines to settle on, components to build, tokens to […]

  2. 22 Nov, 2016

    Frontend Guidelines Exercise

    I’m helping my client’s web development team establish some frontend guidelines as we roll up our sleeves to build a new website from the ground up. We’ve done a projects together in the past, but (naturally) they were on pretty […]

  3. 22 Feb, 2016

    Peak Style Guide

    Chris Coyier ended the latest CSS Tricks newsletter with some thoughts about style guides. As much as I love style guides, and I love style guides, I wonder if we’re at Peak Style Guide. I’ve seen logos and mascots. I’ve seen dedicated […]

  4. 14 Dec, 2015

    Style Guide Best Practices at Beyond Tellerrand

    Last month I was in beautiful Berlin for the wonderful Beyond Tellerrand conference, where I had the opportunity to talk about style guide best practices and all that goes into creating and maintaining successful pattern libraries. Here’s a video of my […]

  5. 17 Jul, 2015

    Style Guide First?

    On a recent episode of Shop Talk Show, Chris Coyier and Dave Rupert fielded a question regarding style guides and where they fit into the design/development process. Here was the question: I’m working on a redesign for an old website. […]

  6. 06 Jul, 2015

    City of Los Angeles Pattern Lab

    It’s really cool to see Los Angeles using Pattern Lab to make and maintain their website’s style guide.

  7. 08 Jun, 2015

    Style Guide Best Practices Presentation

    I recently spoke at An Event Apart in San Diego where I presented on the whys, whats and how’s of style guides. Here are the slides: And here are some resources I reference in the talk:   Style Guide Types […]

  8. 07 Jun, 2015

    Pattern Language: Responsive Style Guides

    Really cool to see A List Apart hosting a conversation all about style guides, featuring some fantastic people! Looking forward to this.

  9. 13 May, 2015

    The Why & How of Successful Style Guides

    I’ll be giving a virtual seminar for UIE all about style guides: what they are, what kinds of style guides exist, how to make them, and how to make them work for your organization. Feel free to tune in!

  10. 29 Dec, 2014

    Keeping Pattern Libraries in Sync

    Marcelo Somers responded to my style guide best practices post with some thoughts on how to keep pattern library and production CSS/JS in sync. There’s some great stuff in there, however I’ve found the CSS and JS aren’t the difficult […]

  11. 19 Dec, 2014

    Style Guide Best Practices

    Style guides and pattern libraries are essential tools to help Web teams maintain sanity while creating experiences for our multi-device Web. The benefits of style guides are many: they establish a common language, make testing easier, save time and effort, […]

  12. 17 Dec, 2014

    Future Learn Pattern Library

    The team at education startup Future Learn used atomic design as the backbone of establishing their new pattern library. I especially love how they shared why the first stab at a pattern library didn’t work: Finding specific information was often […]

  13. 20 Nov, 2014

    This is why I love the Web. In a Twitter conversation sparked by someone looking for resources on style guides, we ended up in a conversation that led to a simple suggestion: @Falkowski @anna_debenham Hey you wanna put our heads […]

  14. 18 Nov, 2014

    Style Guides

    It’s becoming increasingly necessary to be consistent and cohesive across an ever-growing number of media channels. As it turns out, that’s no easy task. That’s why organizations, companies, and brands are turning to style guides to establish sound footing in […]

  15. 12 Feb, 2014

    Yelp’s Style Guide

    Yelp just released their style guide, and it looks really helpful for their team. And they were kind enough to give atomic design a shout out!