Adactio: Links

The responsive images problem

A run-down of the various approaches to the responsive images problem, concluding that this is something that needs to be solved in the image format.

Responsive image format - blog

An idea for handling responsive images not with a new format, but with an existing one: progressive JPGs.

Google are about to murder a good friend of mine — Glenn Jones

Glenn gives a rational thoughtful explanation of why he’s as pissed off as I am about Google’s destruction of the Social Graph API.

How I Learned to Stop Worrying and Love Responsive Images — Paul Robert Lloyd

Here’s a great braindump from Paul following the Responsive Summit, detailing multiple ways of potentially tackling the issue of responsive images.

A better responsive image format - Stuff in my head

Here’s a new angle on tackling the responsive image problem: what if the file format itself could specify multiple image sizes?

Karl Dubost - 3 rules of thumb for Web development

Can I bookmark this information? (stable URIs)
Can I go from here to there with a click? (hyperlinks)
Can I save the content locally? (open accessible formats)

Getting Sourcey – native HTML5 Audio and video | Web Directions

Everything you ever needed to know about adding HTML5 audio and video to your site, courtesy of the mighty John Allsopp.

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.

IMG_3937 | Flickr - Photo Sharing!

There’s a Kubrickian quality to this picture Tantek snapped of me asking a question during his microformats panel.

The State of HTML5 Audio - PhobosLab

A rather vicious evaluation of browser support for the audio element and the audio API. It is divided up into:

Browsers From Companies That Actually Care About HTML5 Audio
Browsers From Companies That Hate the Web Enough to Not Support Ogg/Vorbis, but do Have an Audio Tag So They Can Say They Have an Audio Tag (Seriously, Fuck You)
Browsers That Say They Support HTML5 Audio But Actually Don’t Support HTML5 Audio

Microformats | weblog | Facebook Adds hCalendar and hCard Microformats to Millions of Events

As of today, every single public event on Facebook is marked up using hCalendar. Take the Great British Booze-up, for example…

On 18 May 2010, the Planets (Preservation and Long-term Access through Networked Services) Project deposited a time capsule in the vaults of datacenter, Swiss Fort Knox, in Saanen, Switzerland. It contained the decoding information for five digital file formats on media ranging from paper, microfilm and floppy discs to CDs, DVDs and USB sticks.

Open Planets Foundation | digital, forever

This consortium of institutions and universities came together “to provide practical solutions and expertise in digital preservation.”

PLANETS stands for Preservation and Long-term Access through Networked Services.

FUMSI Article: Microformats: Digging Deeper into the Web

A nice, neat, short introduction to microformats from Ben.

Microformat Shiv

Handy! A JavaScript API for accessing microformats in a document, based on Mozilla's implementation for extensions.

Qwerly: API Documentation

It's down for me right now, but this API from Qwerly looks like a great addition to complement Google's Social Graph API — it finds rel="me" links from a Twitter username.

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.

Any chance of adding hCards | Basecamp Answers

Basecamp is now chockful of hCards. Excellent!

Daring Fireball: GIF, H.264, and Patents

A thoughtful piece by John Gruber on HTML5 video: yes, software patents are toxic to the web but perhaps H.264 isn't the worst offender.

Enhance User Profiles with Google’s Social Graph API [Ruby & Rails]

Some Ruby on Rails code for enhancing sign-up forms using Google's Social Graph API, inspired by Huffduffer.

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.

Webmaster Tools - Rich Snippets Testing Tool

A tool from Google to help you see how your microformated content is showing up.

The Value Class Pattern - Articles - MIX Online

A microformats article by yours truly, reworking a blog post from a while back about the value class pattern.

An essay on W3C's design principles - Contents

Bert Bos's 2000 Treatise (published in 2003) is a must-read for anyone involved in developing any kind of format. "This essay tries to make explicit what the developers in the various W3C working groups mean when they invoke words like efficiency, maintainability, accessibility, extensibility, learnability, simplicity, longevity, and other long words ending in -y."

Tokenising the semantic web | webBackplane

A nice description of RDFa ...but once, just once, I would like to see someone use an example that *isn't* contact details or events—situations already handled by microformats.

Identify: Google People With Two Keystrokes - ReadWriteWeb

A nice overview of Glenn's XFN Firefox plug-in.

Identify - Firefox entension | Madgex Lab

Okay, I know I said "holy freakin' crap!" the last time I linked to one of Glenn's Social Graph API experiments but now he's gone and created a Firefox plug-in: press alt-i and you can see the social graph for anyone's site. Holy freakin' crap!

Social Graph Explorer | Madgex Lab

Holy freaking crap! Glenn's Social Graph Explorer is bloody brilliant!

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.

Microformats in 2009 Â· Ben Ward

Ben shares his hopes for the coming year in microformats.

Styling XFN and rel-license links - Opera Developer Community

Christopher Schmitt shows how to style XFN links using attribute selectors.

YQL now supports microformats! (Yahoo! Developer Network Blog)

Yahoo's RESTful query language can now parse microformats. This is excellent news ...although I'm personally finding it tough to wrap my head around the documentation. It's certainly trickier than hKit but then, it's almost certainly more powerful too.

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.

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.

Microformats.org Wiki 2.0 · Microformats Wiki

Ben has been working hard to upgrade the microformats wiki. His hard work has paid off: it looks great!

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!

Getting Semantic With Microformats, Part 4: hCalendar ~ A Blog Not Limited

A good, detailed hands-on article about implementing hCalendar.

suda.co.uk/projects/microformats [Moo Stickers]

Thanks to Brian and the Moo API, you can know print your own microformats stickers.

Getting Semantic With Microformats, Part 1: rel ~ A Blog Not Limited

A great article by Emily Lewis on the microformats that make use of the rel attribute (rel-tag, rel-license, XFN, etc.).

For A Beautiful Web | Creative web site design and development training and workshops

Malarkey has launched his latest project: For A Beautiful Web is a series of web design master class training workshops covering topics including visual design for the web, best-practice XHTML mark-up and CSS, Microformats and practical web accessâ€¦

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.

Hueniverse: Beginner’s Guide to Discovery – Part II: People vs. Machines

A great explanation of how open technologies like microformats and OpenID enable greater discovery of data.

XFN Activity - David Singleton

This is seriously brilliant. Starting from a single URL (adactio.com), a lifestream is creating based on XFN rel="me" links. David Singleton wins the internet.

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!

reboot10 - Jeremy Keith talks about Hypertext (Micropresentation)

Ooh, look what else I've found on the Reboot site.: this is my pecha kucha... I mean, this is my "micropresentation" about increasing the power of your hyperlinks (with microformats ...of course).

reboot10 - Jeremy Keith talks about Soul

Wandering around the site for the Reboot conference in Copenhagen, I came across this video of my talk from last year. I had forgotten how much I enjoyed this talk.

Monkeyformats

Microformats + Greasemonkey = Monkeyformats. Is there a site that you wish used microformats? Write a userscript and share it here.

San Diego Web Standards Group

Live in San Diego? Interested in web standards? Come along tomorrow to the inaugural San Diego Web Standards Group meetup. You won't regret it.

Activate The Death Ray | A demonstration site by Andy Clarke

A holding page for Malarkey's upcoming series of workshops. Add you name if your interested.

Yahoo! Search Blog: The Yahoo! Search Open Ecosystem

Yahoo is now actively indexing microformats. You are now permitted to throw your hat into the air and cry "Hurrah!"

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.

XFN encoding, extraction, and visualizations - Opera Developer Community

Brian has written an excellent article that not only explains how to write XFN but also how to parse it.

Google Code Blog: URLs are People, Too

This is great news! Brad Fitzpatrick and Kevin Marks have built a new Google API that will spider XFN links.

Empty Links and Screen Readers » Yahoo! User Interface Blog

Excellent research into how screen readers respond to empty links (i.e. A elements with no text between the opening and closing tags).

SemanticCamp London

You can sign up to February's SemanticCamp by pointing it to a URL with an hCard (or FOAF). Nice.

wrapping up 2007 (28 December 2007, Interconnected)

A brilliant braindump by Matt Webb examining the weave of the Web and the nature of reality. Set aside some time to soak this up.

The Magical Minimalism of Microformats - Open - Code - New York Times Blog

This makes me feel all warm and fuzzy: the New York Times talking about microformats.

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.

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.

Microformats Bookmarklet › Left Logic

Have I told you lately how much I love this microformats bookmarklet? Yes? Well, I'm telling you again.

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.

Microformats: Toward a Semantic Web

An excellent overarching article looking at the current state of microformats adoption.

Twitter / David Recordon: I gotz me some hCard and XFN

Livejournal profile pages get some microformats lovin', That's a lot of hCards.

Six Apart - News and Events: We Are Opening the Social Graph

Six Apart are getting ready to make portable social networks a reality. Watch this space for code.

The Man in Blue > There are no social networks

Cameron's plea for social network transparency and portability is one of the most lucid and succinct yet.

Open Social Graph @ Plaxo

Try Plaxo's identity consolidator for yourself. Give it a URL that includes rel="me".

Plaxo to ship online identity aggregator based on microformats | ScobleShow: Videoblog about geeks, technology, and developers

The guys at Plaxo have not only implemented social network portability, they're sharing the code.

What Is Your Provenance?

If you missed it at XTech in Paris, here's a chance to see Gavin Bell's excellent musings on identity and consolidation from a talk he gave at Google.

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).

circaVie | Create and Share Timelines

From the people who brought you Ficlets comes a nice app for creating personal timelines. Microformats and OpenID support included.

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.

ANN: Blogger adds hAtom microformat - Blogger Data API | Google Groups

"All new blogs, and all blogs that use Layouts and have unmodified blog page element templates now have hAtom classes in them."

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.

Open Business Models MicroFormateurs: 2007-07-11

Magnifique! A French translation of my blog post about mashing up microformats.

microformats | weblog | microformats.org turns 2

Happy birthday, microformats!

Hackday London

Hackday has a backnetwork. Nice work, Glenn. This may prove to be very handy.

Interview with Jeremy Keith of Clearleft at Xtech 2007

While I was at XTech in Paris, Ian Forrester took me aside for an interview about microformats. Here's the video of our little chat.

Digital Web Magazine - Five Pertinent Questions for John Allsopp

John answers some questions about microformats.

aberrare humanum est!: Yeah!

How to make your own microformats t-shirt (if you live in Romania).

The microformats process

John Allsopp has created this flowchart of the research and development involved in the creation of a new microformat. It looks kind of like the workflow of any good iterative development.

microformatique - a blog about microformats and “data at the edges” : Semantics in HTML Part III - Towards a semantic web

John Allsopp has posted the third and final part of his superb series, Semantics in HTML. Read them all.

Semantics in HTML Part II - standardizing vocabularies at microformatique - a blog about microformats and “data at the edges”

The second part of John Allsopp's superb series on semantics, philosophy and markup. Don't miss it! And be sure to go back and read the first part, too.

Tags: formats

More information

About this site

Customise

Search

Subscribe