In this English language alternative to latitude and longitude coordinates, the Clearleft office is located at:
In this English language alternative to latitude and longitude coordinates, the Clearleft office is located at:
Everything you never wanted to know about conveying elevation information on maps, delivered in Peter’s always-entertaining style and illustrated with interactive examples.
Mappa Mundi Rubrum.
There’s that Acheulean hand ax again.
The first ever object to be designed by man 1.7 million years ago was a flint hand axe. Flint has the same molecular structure as a crystal and they both consist of silica. The project juxtaposes the flint hand axe with the latest crystal technology; Xero chaton the world’s smallest precision cut crystal measuring 0.6mm in diameter, smaller than a grain of sand.
This is a really lovely project by Dan and Nat—Christmas cards featuring the fleeting invisible constellations formed by the mesh of GPS satellites within which our planet lies.
This is a wonderful, wonderful look back at the state of hypertext in the run-up to the creation of the World Wide Web.
My jaw may have dropped when I saw the GML markup.
Now I’m going to read part two.
Kate has been hand-making Christmas cards for seventeen years.
2013’s Gizmo Stardust remains my favourite.
The 17th century blind Irish harpist has been immortalised as a crater on Mercury.
I like this nice straightforward approach. Instead of jumping into the complexities of the final interactive component, Chris starts with the basics and layers on the complexity one step at a time, thereby creating a more robust solution.
If I had one small change to suggest, maybe
aria-label might work better than offscreen text for the controls …as documented by Heydon.
This is such a simple little adjustment, but I think it’s kinda brilliant: tweaking the display of your site’s maps to match the season.
This Eno-esque deck of cards by Scott could prove very useful for a lot of Clearleft projects.
Dan has started writing up what he did on his Summer hols …on a container ship travelling to China.
It is, of course, in the form of an email newsletter because that’s what all the cool kids are doing these days.
It Just Works.®™
The GPS system is a monumental network that provides a permanent “YouAreHere” sign hanging in the sky, its signal a constant, synchronised timecode.
This may be the only slideshow on a website I’ve ever actually bothered to click all the way through.
I hate carousels, but if you’re going to have one, this progressively enhanced approach looks pretty good.
Speakers from this year’s UX Week conference provide career advice. I think my advice is clearly the best:
To be successful in today’s industry, UX professionals should have really killer paisley shirts. Some people will tell you that it’s more important to have good hair and straight teeth, but in my experience, a really good paisley shirt will really take you places.
Carousels are shit. Auto-animating carousels are really shit. Now proven with science!
Kyle’s new site is looking lovely and responsive (thanks to Josh). But mostly it just gets out of the way so you can take in his truly amazing work.
A lovely way of demonstrating the differences between map projections. Drag for extra fun.
I remember a talk and discussion at SxSW a few years back about trying to improve the efficiency of trade networks by making them more web-like: there are ships full of empty cargo containers, simply because companies insist on using the container with their logo on it. I really, really like the idea of applying the principles of packet-switching to physical networks.
But here’s the hard part:
The technology is not a problem. We could do it all in 10 years. It’s the business models and the mental models in people’s minds.
Dispatches from the disturbing town of Scarfolk, where it is permanently the 1970s:
Scarfolk is more than its famous sewage treatment works, it’s more than its high security mental facilities; it’s more than its world renowned covens; it’s more than its fine reputation which it rebuilt after a spate of grizzly serial killings…
It’s funny and creepy in equal measure. Actually, the creepiness may be the larger measure.
This year’s TeleGeography map of the undersea network looks beautiful—inspired by old maps. I love the way that latency between countries is shown as inset constellations.
This is fun. Drag the red country outlines around and slot them into place on the map. Sounds easy, right? But the distorting effect of the Mercator projection makes it a lot tougher than it looks.
I’ve never been a fan of carousels on websites, to put it mildy. It seems I am not alone. And if you doubt the data, ask yourself this: when was the last time you, as a user, interacted with a carousel on any website?
A fascinating piece by James on trap streets, those fictitious places on maps that have no corresponding territory.
I am giddy with excitement at the prospect of a new Shane Carruth film:
A man and woman are drawn together, entangled in the life cycle of an ageless organism.
A great in-depth explanation by Aarron on why Mailchimp dropped their Facebook and Twitter log-in options. Partly it was the NASCAR problem, but the data (provided by user testing with Silverback) also brought up some interesting issues.
CSSquirrel shares my feelings on the email notification anti-pattern.
Tom describes his Foursquare ghost.
Maybe HyperCard is an idea whose time has come. Think about it: the size of mobile screens: perfect for a HyperCard stack.
It took me a while to get my head ‘round it, but this routing service from 37 Signals is handy for testing local sites on multiple devices (kind of like showoff.io).
No, you’re tearing up watching a video about a boy who built his own arcade out of cardboard. I’ve just got something in my eye.
A twitter for the Long Now from Russell Davies. You can submit an answer to the question “What are you doing, you know, more generally?” to:
Dawdlr, c/o RIG, 32-38 Scrutton Street, London, EC2A 4RQ
Moo and Lanyrd sitting in a tree, helping promote my SXSW panel. Excellent!
This is one of the best pieces of journalism I’ve read …and it just happens to be posted on a blog. Please read it, particularly if you are a voter in the UK.
James Bridle in untrue art exposé: read all about it!
The comments are simply epic.
Richard would like your help. Take a few minutes to run through a card-sorting exercise to help classify fonts in a more meaningful way.
Naz shares his advice for up-and-coming designers …and the institutions that educate them.
This is something we’ve previously had to build from scratch at Clearleft so it’s nice to see an off-the-shelf solution.
A joint effort by the Tau Zero Foundation and the British Interplanetary Society to research the design of an interstellar spacecraft.
A lovely little social experiment: you can buy a Starbucks coffee with Jonathan Stark’s card; you can also top up the card. You can track the card balance on Twitter.
So true, it hurts.
This is rather brilliant: recycle your old credit cards into plectrums.
Rejoice! For Kevin Cornell’s new book is available to you through the power of print on demand. I’ve ordered mine. And should you.
More brilliant and useful code from Glenn: copy and paste contact details from one URL into a form on another URL.
For once, I’m happy to see data being destroyed.
A nice, neat, short introduction to microformats from Ben.
An examination into the legibility of labels on online mapping services.
A low-tech version of Flickr's shapefiles: stopping people and asking "excuse me, what area is this?"
If you aren't already marking up addresses in hCard, you really, really, really should start.
Aaron's lovely visualisation of Flickr's shapetiles.
Old photos placed on a map. Quite engrossing.
Basecamp is now chockful of hCards. Excellent!
Brian documents his beautiful Geonames SVG maps.
Beautiful mapping visualisations of crime data.
Suw's Kickstarter-funded piece of puzzle fiction sounds very intriguing. Let's make it a reality.
"...after the late Thag Simmons." No, really. It's a proper paleontological term now.
Why are you wearing that stupid man suit?
The wonderful world of audio pressed onto postcards: a Polish tradition.
How to draw a font with a car. With. A. Car.
I've been comicified (again), this time with my HTML5 Super Friends.
Lovely representation of OpenStreetMap data using canvas.
Cute aliens invading vintage postcards of Switzerland.
A text to punch card translator. Who wants to be the first to pipe Twitter messages through this?
My representative in the European Parliament is full of WIN!
Demo for a neat piece of code that will auto-populate form fields from an hCard-carrying URL.
A web browser for Android that detects microformats and allows direct actions with the data. The map integration is exactly the kind of thing I'd like to see on the iPhone.
A visual real-time simulation that displays the carbon dioxide (co2) emissions, birth rates, and death rates of every country in the world.
A rundown of microformat-extracting tools. "Ultimately, microformats are a bit like plumbing. They donâ€™t do very much on their own, but if you make use of the data they provide, you can quickly and easily create useful functionality your visitors â€¦
A great 24 Ways article by Elliot on creating and styling hCards.
Top Trumps with typefaces.
A handy microformats toolkit from Microsoft(!) making it easier for developers to write, style and find microformats (hCard and hCalendar in particular). Neat!
Here's a nifty little mashup from Simon: create Moo cards with book details from Amazon.
Words cannot describe how brilliant this is. In response to a whinging Twitter post I made, Matthew Levine created a bookmarklet to quickly and easily create simple hCards for easy adding to blog posts. It works beautifully.
Watch the best car chase of all time mashed up with a map of San Francisco to create geo-broadcasting. The added context gives an already perfect sequence added zing.
Ben has written a superb article outlining the hows and whys of distributed social networks with hCard and XFN, finishing with an inspiring call to arms.
A cute little Mac app that exports your address book contacts in multiple formats ...including an HTML file with hCards!
Microformats + Greasemonkey = Monkeyformats. Is there a site that you wish used microformats? Write a userscript and share it here.
The latest from Moo: the MightyCard.
A nice summary of the technologies presented at my SXSW panel.
An open source project for parsing hCards to add to sign-up forms.
Could it be that swords made of wootz steel—as described in The Baroque Cycle—were so sharp because their blades contained fullerenes?
You can sign up to February's SemanticCamp by pointing it to a URL with an hCard (or FOAF). Nice.
A handy diagram showing the nesting of class names in an hCard. Useful for styling.
Brian's article on portable social networks is a clear and concise introduction to the subject with explanations of the technologies involved.
Oh yes! A plugin for Safari that will detect, display and export hCard and hCalendar data. Caveat: it only works on Leopard so, because I haven't upgraded yet, I haven't had a chance to testdrive this yet myself.
A new site to track the building blocks of portable social networks: OpenID, OAuth, hCard, XFN and more.
At lunch the other day, Josh was telling me about this magic new WiFi-enabled SD memory card that allows you to upload pictures to Flickr straight from your camera.
Another sign up form that features hCard input (like Satisfaction). Choose a service (e.g. Flickr, Last.fm, Twitter) or enter your own URL.
Actually, maybe this is the best picture on the internet. Take this picture brother, may it serve you well.