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: gui
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.
Not click. Not tap. Select. : Cennydd Bowles
Cennydd uses the word “select” as an input-neutral term for what we might be tempted to call clicks or taps. Personally, I like the term “choose”, although that word might have too much intent bundled with it.
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.
Soundslice: Tabs have never sounded so good
A lovely new service from Adrian that allows you to sync up guitar tabs with videos. It’s a very impressive in-browser app.
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.
Rosetta on Vimeo
A beautiful short film about The Long Now Foundation’s Rosetta Project.
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.
ishida >> blog » HTML5 adds new translate attribute
Richard gives the lowdown on the new translate attribute in HTML.
Metaphors we Program By: Space, Action and Society in Java
Linguistics and programming collide in this paper from the 18th Workshop of the Psychology of Programming Interest Group, University of Sussex, September 2006: Lakoffian analysis of the mental models of Java programmers.
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.
Make Your Own Pick Using Recycled Credit Cards » Design You Trust – Social design inspiration!
This is rather brilliant: recycle your old credit cards into plectrums.
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.
Radi
A Mac app for creating animations with canvas and video.
Styleguides for the Web — Paul Robert Lloyd
Paul gives an excellent and thorough explanation of why systems thinking is important in web design.
Gangsta Lorem ippzle dummy text generator
Spizzle up your tizzle.
New Programming Jargon — Global Nerdy
Some of the best neologisms in programming, many of them to do with bug-fixing.
Code Standards | Isobar
A very detailed set of coding standards and guidelines.
Hyperbole and a Half: The Alot is Better Than You at Everything
Coping mechanisms for grammar pedants. I can see myself using this alot.
border-image-generator - In Case of Stairs
A very handy GUI for figuring out the somewhat complicated syntax of border-image in CSS3.
Tattúínárdœla saga: If Star Wars Were an Icelandic Saga « Tattúínárdœla saga
The nerdgasmic result of a collision between linguistics and Star Wars.
SXSW 2010: Fieldnotes | booktwo.org
James Bridle's lovely notebook for his first visit to South by Southwest.
FUI Fantasy User Interfaces | Mark Coleran Visual Designer
A portfolio of imaginary interfaces as seen in the movies.
Venn Diagrams as UI Tools « optional.is/required
A very in-depth article on visually representing Boolean logic in an interface. Stick with it; it's worth it.
All Sorts - a linguistic experiment
Collective nouns, collected.
FormFiftyFive - Design inspiration from around the world
Beyond the personal annual report; it's the personal brand identity guidelines.
StupidFilter :: Main / HomePage
Because the internet needs prophylactics for memetically transmitted diseases.
Champion of Guitars.z5 - Parchment
The text adventure version of Guitar Hero.
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.
Fray Issue 2: Geek - Windhammer by Rob Weychert
Rob's story of Air Guitar Championhood is in issue no. 2 of Fray magazine: Geek.
Camille Seaman Photography -The Last Iceberg Series II - NEW, The Last Iceberg, A Penguin's Life - NEW, The Big Cloud - NEW
Camille Seaman's stunning pictures of icebergs and clouds make me feel small and insignificant. But in a good way.
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.
JavaScript Rock Star
Guitar done with YouTube and JavaScript. John Resig is nuts, nuts I tell ya!
GUIMagnets - Prototyping made sticky
Interface elements as fridge magnets. Make prototyping fun!
Who Framed George Lakoff? - ChronicleReview.com
A detailed look at the troubled history of George Lakoff, the father of conceptual metaphor.
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.
World of Warcraft: Wrath of the Lich King
A new WOW hero class has been unveiled: the bard! "direct damage effects like "Epic Solo" that will rock foes into oblivion while powerful Indie debuffs such as "Tape Jam" and "Shoegazer" keep them in check."
We Tell Stories - 'The 21 Steps', by Charles Cumming
The first of the We Tell Stories series is online. It's a clever piece of storytelling using Google Maps to full effect.
We Tell Stories
Aleks pointed me to this sort-of ARG involving authors in London. Could be good fun.
Research Tools | Economist.com | Economist.com
The Economist style guide: the "dos and don'ts" section is particularly useful.
Cognitive accessibility of user interfaces summarised in an oversimplified rule // plasmasturm.org
The Sapir WIMP hypothesis: "The more easily you can talk about a user interface, the more easily you can understand how to manipulate it."
What the F***?
I saw Steven Pinker give a talk recently and he spent a fair amount of time talking about swearing. He has written up that part of the talk into an article for the New Republic.
jQuery UI: Widgets, Components, and Interactions
From the people who brought you jQuery comes a set of widgets built using jQuery complete with documentation and tutorials.
Anguish Languish
Tired of using "lorem ipsum dolor..." for placeholder copy? Use real English words that, while apparently non-sensical, transform into stories when spoken aloud.
The Snowclones Database
A blog dedicated to cataloguing snowclones. Brilliant!
BBC NEWS | Magazine | Should we simplify spelling?
The cawl for speling reform in the Inglish langwidge iz misguyded and franklee, kynd ov styoopid.
disambiguity - » Yes, you should be using personas
Great post by Leisa on the real reasons for using personas (they might not be the reasons you think).
Semantics in HTML - 1.”traditional semantic HTML” at microformatique - a blog about microformats and “data at the edges”
A superb article by John Allsopp on semantics in the broad sense, from philosophy and linguistics right through to markup. And this is just part one! Read, enjoy, and prepare for part two.
Web 2.0 how-to design style guide
This is cargo cultism in action. Reductionism at its worst.
Wordie
Like Flickr, but without the photos. This, I like.
An Interesting Way of Showing Battery Status
The screen of this mobile phone looks like a glass of water. The amount of water shows the battery life. The phone has a built in motion sensor to keep the water level.
BuyIreland.com - buy and own a piece of rural Ireland forever for just $49.99
Buy a one square foot piece of land (and the Brooklyn Bridge while you're at it). Cute Kerry hoors.