This ever-growing curated collection of interface patterns on CodePen is a reliable source of inspiration.
Thursday, May 31st, 2018
Wednesday, January 24th, 2018
This is a fascinating way to explore time and place—a spyglass view of hundred year old maps overlaid on the digital maps of today.
Wednesday, January 3rd, 2018
Wednesday, December 20th, 2017
A fascinating bit of cartographic reverse engineering, looking at how Google has an incredible level of satellite-delivered building detail that then goes into solving the design problem of marking “commercial corridors” (or Areas Of Interest) on their maps.
Saturday, December 2nd, 2017
Thursday, August 24th, 2017
I quite like this proposal for
geo element in HTML, especially that it has a fallback built in (like
video). I’m guessing the next step is to file an issue and create a web component to demonstrate how this could work.
That brings up another question: what do you name a custom element that you’d like to eventually become part of the spec? You can’t simply name it
geo because you have to include a hyphen.
Tuesday, May 30th, 2017
Checking in at Indie Web Camp Nuremberg
Just as with Indie Web Camp Düsseldorf the weekend before, it was a fun two days—one day of discussions, followed by one day of making.
I spent most of the second day playing around with a new service that Aaron created called OwnYourSwarm. It’s very similar to his other service, OwnYourGram. Whereas OwnYourGram is all about posting pictures from Instagram to your own site, OwnYourSwarm is all about posting Swarm check-ins to your own site.
Usually I prefer to publish on my own site and then push copies out to other services like Twitter, Flickr, etc. (POSSE—Publish on Own Site, Syndicate Elsewhere). In the case of Instagram, that’s impossible because of their ludicrously restrictive API, so I have go the other way around (PESOS—Publish Elsewhere, Syndicate to Own Site). When it comes to check-ins, I could do it from my own site, but I’d have to create my own databases of places to check into. I don’t fancy that much (yet) so I’m using OwnYourSwarm to PESOS check-ins.
The great thing about OwnYourSwarm is that I didn’t have to do anything. I already had the building blocks in place.
First of all, I needed some way to authenticate as my website. IndieAuth takes care of all that. All I needed was
rel="me" attributes pointing from my website to my profiles on Twitter, Flickr, Github, or any other services that provide OAuth. Then I can piggyback on their authentication flow (this is also how you sign in to the Indie Web wiki).
The other step is more involved. My site needs to provide an API endpoint so that services like OwnYourGram and OwnYourSwarm can post to it. That’s where micropub comes in. You can see the code for my minimal micropub endpoint if you like. If you want to test your own micropub endpoint, check out micropub.rocks—the companion to webmention.rocks.
Anyway, I already had IndieAuth and micropub set up on my site, so all I had to do was log in to OwnYourSwarm and I immediately started to get check-ins posted to my own site. They show up the same as any other note, so I decided to spend my time at Indie Web Camp Nuremberg making them look a bit different. I used Mapbox’s static map API to show an image of the location of the check-in. What’s really nice is that if I post a photo on Swarm, that gets posted to my own site too. I had fun playing around with the display of photo+map on my home page stream. I’ve made a page for keeping track of check-ins too.
All in all, a fun way to spend Indie Web Camp Nuremberg. But when it came time to demo, the one that really impressed me was Amber’s. She worked flat out on her site, getting to the second level on IndieWebify.me …including sending a webmention to my site!
Saturday, October 29th, 2016
When it seems like all our online activity is being tracked by Google, Facebook, and co., it comforts me to think of all the untracked usage out there, from shared (or fake) Facebook accounts to the good ol’ sneakernet:
Packets of information can be distributed via SMS and mobile 3G but also pieces of paper, USB sticks and Bluetooth.
Connectivity isn’t binary. Long live the papernet!
Tuesday, May 3rd, 2016
In this English language alternative to latitude and longitude coordinates, the Clearleft office is located at:
Thursday, March 24th, 2016
Everything you never wanted to know about conveying elevation information on maps, delivered in Peter’s always-entertaining style and illustrated with interactive examples.
Saturday, March 5th, 2016
Tuesday, December 1st, 2015
Wednesday, February 18th, 2015
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.
Tuesday, October 28th, 2014
Sunday, April 6th, 2014
A nice stroll around Marseilles at night without any of the traditional danger.
Wednesday, August 7th, 2013
James re-imagines the Barbican as an airship drifting free of central London.
Monday, March 25th, 2013
A lovely way of demonstrating the differences between map projections. Drag for extra fun.
Sunday, February 3rd, 2013
Communal satellite eyes. A Mac screensaver is also available.
Thursday, January 31st, 2013
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.
Friday, January 18th, 2013
I’ve been thinking about getting a birdhouse.