Everything you ever wanted to know about using SVG today.
A well-reasoned argument for tackling image optimisation on the server, using content-type negotiation.
Jason goes into detail describing the File Format problem that he and others are going to tackle in the effort known as Just Solve The 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.
An idea for handling responsive images not with a new format, but with an existing one: progressive JPGs.
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.
Here’s a great braindump from Paul following the Responsive Summit, detailing multiple ways of potentially tackling the issue of responsive images.
Here’s a new angle on tackling the responsive image problem: what if the file format itself could specify multiple image sizes?
- 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)
Everything you ever needed to know about adding HTML5 audio and video to your site, courtesy of the mighty John Allsopp.
More brilliant and useful code from Glenn: copy and paste contact details from one URL into a form on another URL.
There’s a Kubrickian quality to this picture Tantek snapped of me asking a question during his microformats panel.
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
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.
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.
A nice, neat, short introduction to microformats from Ben.
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.
If you aren't already marking up addresses in hCard, you really, really, really should start.
Basecamp is now chockful of hCards. Excellent!
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.
Some Ruby on Rails code for enhancing sign-up forms using Google's Social Graph API, inspired by Huffduffer.
A tool from Google to help you see how your microformated content is showing up.
A microformats article by yours truly, reworking a blog post from a while back about the value class pattern.
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."
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.
A nice overview of Glenn's XFN Firefox plug-in.
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!
Holy freaking crap! Glenn's Social Graph Explorer is bloody brilliant!
Demo for a neat piece of code that will auto-populate form fields from an hCard-carrying URL.
Ben shares his hopes for the coming year in microformats.
Christopher Schmitt shows how to style XFN links using attribute selectors.
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.
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 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.
Ben has been working hard to upgrade the microformats wiki. His hard work has paid off: it looks great!
A handy microformats toolkit from Microsoft(!) making it easier for developers to write, style and find microformats (hCard and hCalendar in particular). Neat!
A good, detailed hands-on article about implementing hCalendar.
Thanks to Brian and the Moo API, you can know print your own microformats stickers.
A great article by Emily Lewis on the microformats that make use of the rel attribute (rel-tag, rel-license, XFN, etc.).
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â€¦
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.
A great explanation of how open technologies like microformats and OpenID enable greater discovery of data.
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.
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!
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).
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.
Microformats + Greasemonkey = Monkeyformats. Is there a site that you wish used microformats? Write a userscript and share it here.
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.
A holding page for Malarkey's upcoming series of workshops. Add you name if your interested.
Yahoo is now actively indexing microformats. You are now permitted to throw your hat into the air and cry "Hurrah!"
A nice summary of the technologies presented at my SXSW panel.
An open source project for parsing hCards to add to sign-up forms.
Brian has written an excellent article that not only explains how to write XFN but also how to parse it.
This is great news! Brad Fitzpatrick and Kevin Marks have built a new Google API that will spider XFN links.
Excellent research into how screen readers respond to empty links (i.e. A elements with no text between the opening and closing tags).
You can sign up to February's SemanticCamp by pointing it to a URL with an hCard (or FOAF). Nice.
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.
This makes me feel all warm and fuzzy: the New York Times talking about microformats.
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.
Another sign up form that features hCard input (like Satisfaction). Choose a service (e.g. Flickr, Last.fm, Twitter) or enter your own URL.
Have I told you lately how much I love this microformats bookmarklet? Yes? Well, I'm telling you again.
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.
NetNewsWire now supports microformats.
An excellent overarching article looking at the current state of microformats adoption.
Livejournal profile pages get some microformats lovin', That's a lot of hCards.
Six Apart are getting ready to make portable social networks a reality. Watch this space for code.
Cameron's plea for social network transparency and portability is one of the most lucid and succinct yet.
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.
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.
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).
From the people who brought you Ficlets comes a nice app for creating personal timelines. Microformats and OpenID support included.
Tantek, Brian, Daniel and others got together in Ritual Roasters to discuss making portable social networks a reality. Here are the notes.
"All new blogs, and all blogs that use Layouts and have unmodified blog page element templates now have hAtom classes in them."
Great article from Brian ranging from introducing microformats right up to the current state of play.
Kevin Lawver has implemented portable social networks by mashing up OpenID and microformats in Rails. Read the presentation and download the code.
Magnifique! A French translation of my blog post about mashing up microformats.
Happy birthday, microformats!
Hackday has a backnetwork. Nice work, Glenn. This may prove to be very handy.
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.
John answers some questions about microformats.
How to make your own microformats t-shirt (if you live in Romania).
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.
Ben's thoughts on RDF and microformats, prompted by last weekend's BarCamp shenanigans.
I got roped into this face-off at BarCamp London 2. Here's a video of the ensuing confrontation. This was a lot of fun.
LinkedIn is now implementing the hResume microformat. That's a lot of hResumes.
A microformat detection extension for Firefox 2. This looks more human-friendly than the existing Tails extensions.
Sarah mocks up an interface for importing contacts across social networks.
Identity consolidation with the XFN rel="me" value. RTFM on sharing information across social networks.
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.