Kyle Bean - Portfolio
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.
Tags: car
Map Projection Transitions
A lovely way of demonstrating the differences between map projections. Drag for extra fun.
Creating a physical internet to save money and energy on logistics
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.
Scarfolk Council
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.
Submarine Cable Map
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.
Mercator Puzzle!
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.
Carousel interaction stats by Eric Runyon
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?
CABINET // Trap Streets
A fascinating piece by James on trap streets, those fictitious places on maps that have no corresponding territory.
Upstream Color | Shane Carruth
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.
Social Login Buttons Aren’t Worth It | MailChimp Email Marketing Blog
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 : The Savage Beatings Anti-Pattern
CSSquirrel shares my feelings on the email notification anti-pattern.
Infovore » ghostcar
Tom describes his Foursquare ghost.
House of Cards | Contents Magazine
Maybe HyperCard is an idea whose time has come. Think about it: the size of mobile screens: perfect for a HyperCard stack.
xip.io: wildcard DNS for everyone
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).
Caine’s Arcade | A cardboard arcade made by a 9-year old boy.
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.
dawdlr
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
SXSW speakers: Promote your panel with free MOO MiniCards! | The Lanyrd Blog
Moo and Lanyrd sitting in a tree, helping promote my SXSW panel. Excellent!
One Cut - jonronson’s Space
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.
ART LIES | Flickr - Photo Sharing!
James Bridle in untrue art exposé: read all about it!
The comments are simply epic.
The trouble with font classifications | Clagnut § Design thinking · Typography
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.
Weightshift — Memo: The New Design
Naz shares his advice for up-and-coming designers …and the institutions that educate them.
FlexSlider - The Best Responsive jQuery Slider
This is something we’ve previously had to build from scratch at Clearleft so it’s nice to see an off-the-shelf solution.
Project Icarus
A joint effort by the Tau Zero Foundation and the British Interplanetary Society to research the design of an interstellar spacecraft.
Get a coffee, give a coffee - Jonathan’s Card
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.
xkcd: Standards
So true, it hurts.
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.
“Six-Penny Anthems II” - A classic Bearskinrug Article.
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.
Experimental Firefox and Chrome extensions to copy and paste contacts — Glenn Jones
More brilliant and useful code from Glenn: copy and paste contact details from one URL into a form on another URL.
ID card database destroyed - a set on Flickr
For once, I’m happy to see data being destroyed.
FUMSI Article: Microformats: Digging Deeper into the Web
A nice, neat, short introduction to microformats from Ben.
41Latitude - Google Maps & Label Readability
An examination into the legibility of labels on online mapping services.
thisisntfuckingdalston.co.uk
A low-tech version of Flickr's shapefiles: stopping people and asking "excuse me, what area is this?"
Google LatLong: Finding Places on the Web: Rich Snippets for Local Search
If you aren't already marking up addresses in hCard, you really, really, really should start.
flickr shapetiles / july 2010
Aaron's lovely visualisation of Flickr's shapetiles.
Historypin | Home
Old photos placed on a map. Quite engrossing.
Any chance of adding hCards | Basecamp Answers
Basecamp is now chockful of hCards. Excellent!
Geonames Maps « optional.is/required
Brian documents his beautiful Geonames SVG maps.
If San Francisco Crime was Elevation | Doug McCune
Beautiful mapping visualisations of crime data.
Argleton: A story of maps, maths and motorways —Kickstarter
Suw's Kickstarter-funded piece of puzzle fiction sounds very intriguing. Let's make it a reality.
Geology in Art: The Thagomizer
"...after the late Thag Simmons." No, really. It's a proper paleontological term now.
sketchy bunnies
Why are you wearing that stupid man suit?
Polish Sound Postcards
The wonderful world of audio pressed onto postcards: a Polish tradition.
iQ Font
How to draw a font with a car. With. A. Car.
Ident Engine
Glenn has taken Google's Social Graph API, YQL and various parsers, and he's wrapped it all up in one JavaScript library. The demos are mind-boggingly impressive.
CSSquirrel : Comic: Kyle Weems
I've been comicified (again), this time with my HTML5 Super Friends.
Cartagen
Lovely representation of OpenStreetMap data using canvas.
Invading The Vintage - a set on Flickr
Cute aliens invading vintage postcards of Switzerland.
The WWW Virtual Punchcard (Punch Card) Server...
A text to punch card translator. Who wants to be the first to pipe Twitter messages through this?
Caroline Lucas MEP » Blog Archive » Green MEP Joins Forces With Music Legend To Protest ‘Corporate Bully’ Copyright Proposals In Euro-Parliament
My representative in the European Parliament is full of WIN!
Populating forms with YQL, jQuery and Microformats
Demo for a neat piece of code that will auto-populate form fields from an hCard-carrying URL.
Mosembro | lexanderA
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.
CO2 emissions, birth & death rates by country, simulated real-time
A visual real-time simulation that displays the carbon dioxide (co2) emissions, birth rates, and death rates of every country in the world.
SitePoint » 4 Easy-to-Use Microformat Tools to Beef Up Your Site
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 …
24 ways: A Christmas hCard From Me To You
A great 24 Ways article by Elliot on creating and styling hCards.
Graphic Design and typography - Swiss Legacy » Type Trumps
Top Trumps with typefaces.
Our First Labs Project: A Microformats Toolkit Called "Oomph" - Lab - MIX Online
A handy microformats toolkit from Microsoft(!) making it easier for developers to write, style and find microformats (hCard and hCalendar in particular). Neat!
moomazon
Here's a nifty little mashup from Simon: create Moo cards with book details from Amazon.
hCard Wizard [Matthew Levine]
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.
Seero - Steve_McQueen - Bullitt Chase Scene
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.
Digital Web Magazine - Portable Social Networks, The Building Blocks Of A Social Web
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.
Lustro - milkcarton
A cute little Mac app that exports your address book contacts in multiple formats ...including an HTML file with hCards!
Monkeyformats
Microformats + Greasemonkey = Monkeyformats. Is there a site that you wish used microformats? Write a userscript and share it here.
MOO.com | Sneaky peak of MOO’s latest product: The MightyCard
The latest from Moo: the MightyCard.
4 Technologies for Portability in Social Networks: A Primer - ReadWriteWeb
A nice summary of the technologies presented at my SXSW panel.
hCardMapper - How to use hCards to fill in forms
An open source project for parsing hCards to add to sign-up forms.
Nanotech Used 2000 Years Ago to Make History's Sharpest Swords | Wired Science from Wired.com
Could it be that swords made of wootz steel—as described in The Baroque Cycle—were so sharp because their blades contained fullerenes?
SemanticCamp London
You can sign up to February's SemanticCamp by pointing it to a URL with an hCard (or FOAF). Nice.
Markup Map for hCard Microformat : Christopher Schmitt
A handy diagram showing the nesting of class names in an hCard. Useful for styling.
Portable Social Networks: Take Your Friends with You [Content]
Brian's article on portable social networks is a clear and concise introduction to the subject with explanations of the technologies involved.
Safari Microformats plugin
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.
DataPortability.org - Share and remix data using open standards
A new site to track the building blocks of portable social networks: OpenID, OAuth, hCard, XFN and more.
Eye-Fi Wireless Camera SD Memory at The Photojojo Store
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.
Sign up, get your free BragBucks and start betting in less than a minute on bragster.com
Another sign up form that features hCard input (like Satisfaction). Choose a service (e.g. Flickr, Last.fm, Twitter) or enter your own URL.
My Christmas card image.
Actually, maybe this is the best picture on the internet. Take this picture brother, may it serve you well.
MOO.com | Postcards
New from Moo—postcards. Yay!
Microformats Bookmarklet › Left Logic
Have I told you lately how much I love this microformats bookmarklet? Yes? Well, I'm telling you again.
xkcd - A webcomic of romance, sarcasm, math, and language - By Randall Munroe
Yes, you have to be a bit of a database geek to find this funny but if you are, this is very funny indeed.
YouTube - Microformats in Google Maps + Operator
Ian Lloyd gets search results for curry houses in Swindon from Google Maps to his phone in less than 60 seconds. All thanks to hCard.
RSS Reader for Mac - NetNewsWire
NetNewsWire now supports microformats.
Download : Happy Webbies
I'm a cartoon, which feels kinda weird. Brits... collect 'em all: Budd, Hicks, Malarkey and me.
Twitter / David Recordon: I gotz me some hCard and XFN
Livejournal profile pages get some microformats lovin', That's a lot of hCards.
Duo Consulting Blog: An Event Apart – Exploring Web Standards & Emerging Best Practices
By far the best round-up of AEA Chicago. "Jeremy Keith looks a bit like Alan Rickman's Severus Snape in Harry Potter."
The Serif - Your daily dose of design inspiration - The Serif
"£5000 in £10 and £20 notes were individually dropped around the streets of London with a removable sticker." Clever.
Official Google Maps API Blog: Microformats in Google Maps
W00t! This is a biggie! Google Maps now returns its listing results in hCard. Now you can do one-click export to your address book (or phone).
social-network-portability - Microformats
Tantek, Brian, Daniel and others got together in Ritual Roasters to discuss making portable social networks a reality. Here are the notes.
Microformats: More Meaning from Your Markup [HTML & XHTML Tutorials]
Great article from Brian ranging from introducing microformats right up to the current state of play.
Portable Social Networks at Mashup Camp :: UltraNormal
Kevin Lawver has implemented portable social networks by mashing up OpenID and microformats in Rails. Read the presentation and download the code.
the Laugh-Out-Loud Cats - a photoset on Flickr
The real origin of lolcats can be traced back to 1920s cartoons... who knew? This clever parody of a parody really tickles my funny bone.
HubbleSite - NewsCenter - The Carina Nebula: Star Birth in the Extreme (04/24/2007) - Release Images
Another stunning image from the Hubble telescope. This image is heart-stoppingly beautiful.
MOO | NoteCards - stand and deliver
They're here! New from Moo: NoteCards. Beauteous.
YouTube - This 'n' That
Paul's voice has been sampled from his this'n'that magic trick and used for this stop-motion animation. Brilliant! I <3 mashup culture.
Mozilla Labs Blog » Blog Archive » Introducing Operator
A microformat detection extension for Firefox 2. This looks more human-friendly than the existing Tails extensions.
Mircoformats and portable social network
Glenn weighs in with his thoughts on portable social networks through microformats. Looks like the Backnetwork app might be the first to start doing this.
Microformats - Audioscrobbler
More about the microformats that can now be found on Last.fm.
About Last.fm – Careers - Last.fm
Last.fm are looking for a designer. Want to be part of an exciting Web 2.0 startup without moving to the valley? Now's your chance.
moo | we love to print
Make business cards with your Flickr pics. Got a pro account? You can order a test batch of ten for free. The process of creating the cards is fun and easy. I can't wait to see the results.
Brown University
Interesting use of unobtrusive JavaScript for front page navigation. Bonus points are awarded for the hAtom and hCard markup.
Highlight Microformats with CSS :: journal :: hicksdesign Ο°
Jon has come up with a lightweight user stylesheet for highlighting microformats. It works a treat for my site.
Digital Web Magazine - The Big Picture on Microformats
A great article by John Allsopp that serves as an excellent introduction to microformats.
callto: tel @ Make Data Make Sense
A greasemonkey script that allows you to call telephone numbers in web pages (marked up with hcard) using Skype.