Frontend Styleguide Links
Projects:
- http://vinspee.me/style-guide-guide/
- http://welchcanavan.com/styleguide-roundup/
- https://github.com/bjankord/Style-Guide-Boilerplate
- http://trulia.github.io/hologram/
- http://demo.patternlab.io/
Examples:
- http://www.yelp.com/styleguide
- http://www.bbc.co.uk/gel/
- http://editorially.github.io/styleguide/
- https://www.mapbox.com/base/styling/
- http://www.starbucks.com/static/reference/styleguide/
- http://style.codeforamerica.org/patchwork.php
- http://sideproject.io/front-end-and-ui-style-guides/
- https://ux.mailchimp.com/patterns
- https://github.com/styleguide/css/2.0
- https://www.gov.uk/design-principles/style-guide
Presentations / Articles:
- https://gimmebar.com/collection/4ecd439c2f0aaad734000022/front-end-styleguides
- http://alistapart.com/article/creating-style-guides
- http://alistapart.com/blog/post/getting-started-with-pattern-libraries
- http://patternlab.io/resources.html
- ATOMIC DESIGN - video (2013.03)
- http://robinrendle.com/essays/the-other-interface/
- Designing Products That Scale - The design system and style guide behind Salesforce1
- http://futurefriendly.io/t/component-libraries-living-style-guides/120/3
- https://speakerdeck.com/bencallahan/get-your-visual-style-on
- http://css-tricks.com/design-systems-building-future/
- https://speakerdeck.com/mobywhale/how-to-create-a-living-style-guide
- https://speakerdeck.com/lukebrooker/future-friendly-style-guides
- https://speakerdeck.com/susanjrobertson/style-guides-why-i-love-them
- https://speakerdeck.com/canarymason/living-style-guides-in-sass
- http://pivotallabs.com/nicole-sullivan-colin-obyrne-components-sgdd-cf-developer-console/
- https://www.nothing.ch/en/research/mission-impossible-writing-dynamic-styleguide-existing-website
Why Pattern Labs?
Here is why we chose Pattern Labs as styleguide foundation:
- http://vimeo.com/67476280#t=30m50s (the Infomercial - Part)
- http://www.slideshare.net/bradfrostweb/atomic-design-bdconf-nashville-2013
- http://www.slideshare.net/bradfrostweb/atomic-design (MUST READ!)
- http://www.slideshare.net/dmolsenwvu/the-what-and-why-of-pattern-lab (2014.02)
- https://twitter.com/brad_frost/status/456476755822276609/photo/1
- http://brianmuenzenmeyer.com/post/83488039805/on-pattern-lab-node
- https://gist.github.com/bradfrost/10906886
- http://www.phase2technology.com/blog/your-frontend-methodology-is-all-of-them-atomic-design-patternlab/ (2014.02)