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: guide
Bradshaw’s Guide For Tourists in Great Britain
Keep it under your hat, but Paul has soft-launch his Project Portillo. And very nice it is too.
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!
Five Simple Steps - Pocket Guides
These short pocketbooks from Five Simple Steps look like they’ll be very handy indeed. Shame they won’t be available in dead-tree format: I bet they’d be really cute.
Special Report #1: Data Protection — Contents Magazine
This is an important subject (and one very close to my heart) so I’m very glad to see these data protection guidelines nailed to the wall of the web over at Contents Magazine.
- Treat our data like it matters.
- No upload without download.
- If you close a system, support data rescue.
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.
Mobile Web Best Practices | Helping people make mobile websites
A handy set of guidelines from Brad Frost. It’s still a work in progress but it’s got some good tips for mobile design and development.
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.
Typography Deconstructed | A comprehensive guide to the anatomy of type.
A beautiful glossary of typographic terms.
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.
Code Standards | Isobar
A very detailed set of coding standards and guidelines.
SXSW 2010: Fieldnotes | booktwo.org
James Bridle's lovely notebook for his first visit to South by Southwest.
FormFiftyFive - Design inspiration from around the world
Beyond the personal annual report; it's the personal brand identity guidelines.
Chris Heathcote: anti-mega: pirates and scalpels
Chris Heathcote's notes from his PaperCamp talk on guidebooks.
Web Content Accessibility Guidelines (WCAG) 2.0
WCAG 2.0 has just entered proposed recommendation status. What a long strange trip it's been.
What reading Tufte won’t teach you: Interface design guidelines - glyphobet • ???????? • ????????
A good list of interface guidelines based on real world experience with a mobile phone, an music player and an operating system.
doesyourapi - user generated API design guidelines
Gareth is putting some wisdom of crowds behind the design of APIs. Vote on the principles that you think are important in a good API.
Research Tools | Economist.com | Economist.com
The Economist style guide: the "dos and don'ts" section is particularly useful.
Web 2.0 how-to design style guide
This is cargo cultism in action. Reductionism at its worst.