On pattern portfolios | Clear Thinking - The Clearleft Blog
Jon gives some insight into how and why we use pattern portfolios as deliverables at Clearleft.
Tags: styleguide
Barebones — An initial directory setup, style guide and pattern primer by Paul Lloyd
Here are some nice patterns that Paul uses for starting points in his own projects.
Base CSS | Pasteup | Guardian News
The Guardian’s front-end patterns library. The modules section contains their equivalent of a pattern primer. Very nice!
paulrobertlloyd/barebones
Paul has open-sourced his front-end style guide and put it up on Github. It’s a very handy starting point for making your own.
Style guide round-up
Anna goes through some of her favourite pattern libraries. It’s really, really great to see this stuff getting documented.
Style Guide
I met one of the guys from the Starbucks team at South by Southwest and he mentioned that they had a markup pattern library. I encouraged them to make it public, and it here it is!
I really hope that more companies and agencies will start sharing stuff like this.
Twitter Bootstrap
Bootstrap is Twitter’s CSS and markup style guide—very similar to the pattern portfolios that we often provide as deliverables at Clearleft.
The Elements of Fucking Style
Use strong, definite language in your writing. Make that sentence your bitch.
GELLED!
Paul has created a site for tracking usage of the BBC’s GEL (Global Experience Language) visual design language. Nice’n’responsive it is too.
Styleguides for the Web — Paul Robert Lloyd
Paul gives an excellent and thorough explanation of why systems thinking is important in web design.