Tags: microformats

The Indieweb | Parallel Transport

or: how I learnt to stop worrying and love the blog.

This is a really nice introduction to the basics of the Indie Web …with nice illustrations too.

Learning about, and deploying IndieWeb tools | Dan Gillmor

Well, this is pretty nifty: Dan Gilmour is at Indie Web Camp in San Francisco and he’s already got some code up and running on his site.

Y’know, I’m not missing South by Southwest in the slightest this year …but I’m really missing Indie Web Camp.

Declaration of Content Independence

I approve of this message.

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.

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.

IMG_3937

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…

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!

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.

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.

Ben Ward » FAO: RDF

Ben's thoughts on RDF and microformats, prompted by last weekend's BarCamp shenanigans.

eRDF vs. microformats

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.

steve.ganz.blog » LinkedIn Launches hResume

LinkedIn is now implementing the hResume microformat. That's a lot of hResumes.

Mozilla Labs Blog » Blog Archive » Introducing Operator

A microformat detection extension for Firefox 2. This looks more human-friendly than the existing Tails extensions.

Velvet Unravelled » Blog Archive » Portable social networks

Sarah mocks up an interface for importing contacts across social networks.

XFN: Services & Technologies

Identity consolidation with the XFN rel="me" value. RTFM on sharing information across social networks.

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.

Ma.gnolia Blog: JSON, HTML, and Microformats. Oh, My!

Magnolia is providing microformat feeds: simple HTML documents marked up with xFolk, hReview or hAtom. It's basically a simple sort of API. Very nice.

Microformats - Audioscrobbler

More about the microformats that can now be found on Last.fm.

rel-lint lint tool / validator for XFN, rel-tag and stuff - tools.microformatic.com

A lint tool for microformat values on the rel attribute, courtesy of Drew. It works via a bookmarklet making it really easy to use. Excellent work, that man.

mikroformate.org - Kollektivblog zum Thema Microformats

A German language blog devoted entirely to microformats. Klasse.

oreilly.com -- Online Catalog: Using Microformats

Brian's PDF book on microformats is now available from O'Reilly for $9.99. Congratulations, Mr. Suda!

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.

Tantek Çelik and Rohit Khare: The Progress and the Promise of Microformats - Knowledge@Wharton

A nice interview that shows the big picture for microformats.

suda.co.uk/projects/microformats [Cheat Sheet]

Just in case you haven't seen Brian's microformats cheat sheet, here it is. Print and keep by your desk.

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.