• new hResume and hCard implementations
• beautiful hCards, MySpace hCards
• new tutorials and developments

new hResume and hCard implementations

Madgex’s brand new hResume importer powers the Guardian UK’s recently launched Guardian Jobs CV Match service. The site YIID (Your Internet Identity) now also supports importing hResumes.

Open source parsing libraries continue being developed for numerous languages. The latest, as noted by Tom Morris on the parsers page, is the Java library org.microformats.hCard written by Reinier Zwitserloot.

beautiful hCards, MySpace hCards

Personal hCards have been around for years, but recently we’re seeing more and more web designers publishing their online identity using beautifully styled hCards, superb complements of form and function. Three in particular:

• Tim Van Damme
• Rogie King
• Jared Hanson

All three make good use of CSS for styling and layout, and Javascript for dynamic effects. The last of the 3, Jared’s, is more simply styled than the other two, however if you look closely, his list of instant message network addresses also display his live availability on each, a really nice touch.

Got a beautiful hCard you want noticed? Add it to the hCard examples in the wild wiki page.

It’s important to highlight individual hCards like the above, as continued proof that people do write web pages, HTML, markup in general, by hand. Even when such pages are generated from a database used fill out an HTML template, a person still writes the template by hand. And it’s important to highlight those that update templates as well to support microformats.

The list of social network sites with hCard profiles continues to grow, this time with a big addition: MySpace.

As of about a month ago, all new MySpace profiles, and all current users who upgrade their profile to version 2.0, automatically get hCard support, as confirmed by MySpace’s platform developers.

new tutorials and developments

Behind all these new microformats implementations and sites is a vibrant and active community, not just here on microformats.org, but across the web as a whole, and across web development communities as well.

The standards-championing Dev Opera community recently published a wonderful article on Styling and extracting hCalendar by Christopher Schmitt, and updated it with use of the value class pattern for better accessibility.

Safari Books Online and New Riders have made published a video, Designing with Microformats for a Beautiful Web, by well known web designer Andy Clarke.

And finally, last but not least, this past month saw the resolution of all outstanding issues on both hCard and hCalendar, paving the way for updates to the specs, FAQs, and 1.0.1 drafts, incorporating important errata, updates, and brainstormed improvements.

The microformats community was quite busy this summer, and September brought a lot of forward progress. October is shaping up to be even more impressive.

For more microformats updates as they happen, be sure to subscribe to the microformats discuss mailing list and the @microformats Twitter.

Clearly, it all begins and ends with the people who participate: we were thrilled to have several dozen developers and designers drop in over two days. Over thirty folks went further and donated at the door, but more importantly, everyone contributed their time and enthusiasm.

Applying the lessons of prior devCamps, the group proposed dozens of ideas and came together around 7 projects. Many of them ended up sharing their results as open-source on github; others created bespoke sites and yet other conversations impacted projects folks were already working on.

In an increasingly online world, I think the primary lesson of this devCamp was Robert Cailliau‘s classic quote, “there is no such thing as a virtual beer.” It’s refreshing to see that putting this many bright and opinionated folks in one place, at one time, actually results in concrete progress. I’d like to think at least a little of the credit is due to the minimalist philosophy of the microformats.org movement…

Probably the only serious glitch was softwear-related; our initial rush t-shirt order didn’t turn out as we expected, so we’re spending a bit more to order new, higher-quality shirts. In the interests of transparency, we will be posting the full, final details online once those are printed and mailed out.

Of course, an event of this magnitude requires more than just a volunteer labor of love: it takes real resources too. Huge thanks to our sponsors!

The venue, hosted by Automattic, proved first-rate, with wonderful spaces for separate teams to collaborate, along with an awesome bar and views of the San Francisco Bay.

“Spinn3r is a web service for indexing the blogosphere. We provide raw access to every blog post being published – in real time – so you can focus on building your application, mashup, or search engine.”

“CommerceNet is an entrepreneurial research institute that invests in exceptional people with bold ideas.”

“Oomph: A Microformats Toolkit is for web developers, designers and users, making it easier to create, consume, and style Microformats.”
“mBLAST spiders data daily to power search, product directories, publisher sites, buyer’s guides, and other mashups.”
 
Individual donors also pitched in personally, such as Carla Borsoi, Vice President, Research & Analytics at Ask.com; and Steve Ganz, Principal Web Developer at LinkedIn.com. Thanks also to Cindy Li for the wonderful microformatsDevCamp logo and buttons, and to Object Adjective for microformats stickers.

PS. Check out more cool photos.

Developers, designers, and all sorts of other microfolk are welcome to pitch in during this coming weekend, July 25-26, at one extremely cool venue: Automattic HQ, off of Pier 38 on the Embarcadero in San Francisco.

We began raising support for this event by collecting individual donations at the birthday party — thanks again to Object Adjective, Ribbit, and Spinn3r for their generous support of that event! We’re going to continue that at the microformatsDevCamp with a suggested donation of $20, which will also get you one of our limited-edition commemorative T-shirts!

Automattic HQ

In addition to Automattic’s offer to host the event, we’re currently seeking sponsors for the DevCamp itself, particularly for food and drinks. In keeping with our informal structure, we’re encouraging sponsors to pay for items directly; for example, Cindy Li is providing buttons and Object Adjective is bringing stickers. Our latest confirmed sponsor is CommerceNet, a long-standing partner that’s underwriting the opening night dinner.

Please ask your employers and other sponsors to join in — they can contact me, the “sponsor wrangler,” directly as rohit at khare dot org. We’re expecting 30-50 developers to join in, so even as little as $250 can have a real impact towards creating new tools, new applications, and new user interfaces for microformats!

And, of course, sign-up to participate by adding your name and interests to the  microformatsDevCamp wiki page!

Yahoo Placemaker Beta supports geo and adr microformats

Congratulations to Yahoo on their recent launch of Yahoo Placemaker™ Beta! Yahoo Placemaker extracts locations marked up with the geo and adr microformats from web pages. See the Yahoo Placemaker documentation for details.

Optimus updated to v0.8 and supports value-title

Optimus, the open source microformats transformer that also happens to do an excellent job as a validator, has been updated to version 0.8.

Optimus v0.8 supports the recently developed value-class-pattern’s “value-title” functionality. Optimus now also has its own twitter account that you can follow, @optimusmf. For microupdates on microformats in general, follow the @microformats twitter.

Get the Optimus microformats validator browser button

It’s hard to believe some of the first validation browser buttons* (for HTML, CSS, and links) were written over ten years ago, and now there’s one more:

> Optimus microformats validator

In most browsers, simply drag and drop the above “> Optimus microformats validator” link to your “Links Toolbar” / “Bookmarks Bar” / “Favorites Bar”. The Technorati Browser Buttons page has good additional installation instructions for browser buttons for various browsers.

Then go to any of your pages with microformats, click the newly created “> Optimus microformats validator” button in your browser toolbar, and read the validator report for suggested fixes and improvements to your microformats markup.

With both Google and Yahoo now indexing microformats like hCard and hReview, use the Optimus microformats validator to debug your microformats. Additional tools can be found on the debugging tools page.

*Browser buttons were originally called bookmarklets or favelets. However, Google’s documentation calls them “Browser Buttons” which sounds much friendlier and free of tech-jargon origins.

Then since Tuesday, things have gone stratospheric. Google announced support for microformats right in their search engine, through a new ‘Rich Snippets’ feature, exposing hReview and hCard content within search results for many millions of users.

Rich Snippets give users convenient summary information about their search results at a glance. We are currently supporting data about reviews and people. When searching for a product or service, users can easily see reviews and ratings, and when searching for a person, they’ll get help distinguishing between people with the same name. It’s a simple change to the display of search results, yet our experiments have shown that users find the new data valuable—if they see useful and relevant information from the page, they are more likely to click through.

— Kavi Goel, Ramanathan V. Guha, and Othar Hansson in the Google Webmaster blog.

It’s a big day. hCards and hReviews are already published in huge quantities all over the web (see lists of sites that publish hCard and hReview), but this is the biggest user-base so far to benefit from the consumption of microformats in an application.

It’s again wonderful to see microformats embraced as a way to enhance user experience and to see it shipped to such a large audience, so congratulations to Kavi, Ramanathan, Othar and their Google team on the launch.

Initially Rich Snippets are only displayed for a handful of domains, so if you’re an hReview or hCard publisher, add yourself to Google’s waiting list now!. And if not already listed, update our examples in-the-wild wiki pages too (hCard, hReview).

If you’re a developer new to microformats we highly recommend you refer to the large set of code examples on our wiki, which will help you get started: hCard examples, hReview examples. There’s also full hCard and hReview documentation.

Finally, if you need help checking your code, check the debugging tools wiki page for validators, linters and debuggers.

It’s fantastic to see microformats applications hit such a large search audience. From the earliest experimental index at Technorati, to Yahoo putting microformats into mainstream search with SearchMonkey in March of last year; we’ve come a long, long way, and it’s looking great. With Google adding support for two of the major microformats, it really underlines structured data as a concrete foundation of the open web, and modern web development in general.

And yet more! An immediate benefit to everyone from the Rich Snippets release: Yelp have added hReview and hCards to all of their listings. You never need copy and paste a restaurant address by hand again!