Microformats University: 100+ Articles and Resources

Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn more

Microformats are small formatting pieces designed to make your data easier to read by both users and software. Although their use is not widespread, it’s important that every web developer becomes familiar with them, as they’re sure to be an integral part of the web’s future. Because of this, there are a number of articles and resources out there devoted to microformats. We’ve compiled more than 100 of the best here. Introduction If you’ve never heard of microformats before, this is the place to start.

  1. Microformat: This article from Wikipedia will give you a quick idea of how microformats work.
  2. Microformats.org: On this site, you’ll get an overview and the latest information on microformats.
  3. Introduction to Microformats: This introduction explains microformats in friendly, easy to understand language.
  4. What are Microformats?: Get a quick look at microformats in this introduction.
  5. Microformats: What They Are and How to Use Them: See how microformats have come about, and how you can take advantage of them.
  6. What You Can Do With Microformats: Check out this article to see what’s possible.
  7. Microformats: Check out this MozillaWiki article to find out more about microformats, and how they’re used with Firefox.
  8. An Introduction to Microformats: Find out how you can put microformats to work with this introduction.
  9. Microformats Primer: Find examples, standards, and more information about microformats in this primer.
  10. Intro to Microformats: See why microformats are important, and get a walkthrough on tagging and more.

Implementations See how a handful of sites have put microformats to work.

  1. Blinksale: This invoicing platform makes use of the hCard standard.
  2. Blogmarks: Blogmarks publishes user bookmarks with xfolk/rel-tag.
  3. Cork’d: This wine review site uses hCard for user profiles and hReview for wine reviews, as well as rel-tag for tagging wines.
  4. Digg: Digg supports hCards in profiles as well as rel-me for identities.
  5. Eventful: Eventful uses hCalendar for event listings and hCard for venues.
  6. LinkedIn: LinkedIn makes use of hCard and XFN, hResume, and hReview.
  7. Ma.gnolia: This bookmark site uses loads of different microformats, specifically rel-tag, hReview, and hCard.
  8. Technorati: Technorati is full of microformats usage, including hCards, hCalendar, and hReview.
  9. Twitter: Twitter makes use of hAtom, hCard, and XFN.
  10. Yahoo!: In a number of different uses, Yahoo! takes advantage of rel-license, hCard, hCalendar, hReview, and more.

Articles & Presentations Here you can read about a number of different issues with microformats, and what you can expect from them in the future.

  1. Where Microformats Might Take Us: Find out what microformats can make possible.
  2. Microformats: The Fine Art of Markup: Check out this series to learn about how you can enhance your content with microformats.
  3. The Big Picture on Microformats: Find out how microformats are currently used, and what we can expect to see in the future.
  4. The Awesome Power of Microformats: In this presentation, you’ll see how awesomely microformats can harness data.
  5. How YOU Can Make the Web More Structured: In this article ReadWriteWeb sells microformats as a way to structure the web.
  6. The Progress and Promise of Microformats: Learn more about the microformats movement, and some of the issues we’ll see in the future.
  7. Microformats for RDF Fans: This wiki article discusses what RDF users should know about microformats, and why they should switch.
  8. hAccessibility: This article discusses why and how microformats can make the web a more accessible and usable tool.
  9. Microformats: Tomorrow’s Web Today: This article takes a look at the practical applications of microformats.
  10. Mozilla Does Microformats: Firefox 3 as Information Broker: This article discusses the possibilities that occur when Web browsers associate semantically marked up data with applications in your system and online.
  11. WSG Microformats Talk: See how microformats mean the web will serve people first, and make it easy to only write once.
  12. Microcontent Design, Part 1: Explore microcontent design in this article that discusses data sources and formats, structured blogging, and lots more.
  13. Microcontent Design, Part 2: BBC Case Study: See how BBC is using microcontent on their BBC Backstage site.
  14. Microcontent Design, Part 3: Mightv, a BBV TV listings app: Go beyond BBC Backstage, and see how the BBC Backstage environment is being used to create the application Mightyv.
  15. Microformats and Web 2.0: See how microformats are being used in Web 2.0 applications, and how they’ll influence the growing web.
  16. Microformats and the Decentralized Future of Online Marketing: Read this article to think about microformats in the browser, and what that means for the online experience, particularly marketing.
  17. Microformats in Context: Take a look at microformats as a hot new Web 2.0 technology.
  18. Microformats in Web Browsers: Check out this concept in browser-based microformats discovery.
  19. Discussion of Microformats: Get an introduction, history, and overview of microformats here.
  20. Microcontent Aggregators: 43Things: Get an introduction to microcontent aggregators in this post.
  21. Microformats Are More than RSS: Get a look at some of the popular microformats online today, as well as ones we can expect in the future.
  22. Microformats: Tomorrow’s Web Today: Understand the semantic web and microformats, as well as how you can get started with microformats in this article.
  23. Compound Microformats: This presentation discusses combining blocks of HTML to create compound microformats.
  24. W3C Looks to GRDDL For Semantic Web Sense: See how Semantic Web developers will use GRDDL to use microformats data.
  25. Why Microformats: Learn why microformats are important, how they work, and more.

Tools Use these developer tools to make using and creating microformats easier.

  1. hCalendar creator: With this creator, you can preview and copy code for your very own calendar.
  2. hAtom transcoder: Output hAtom to Atom 1.0 and RSS 2.0 with this tool.
  3. best-guess: Use the best-guess algorithm on ambiguous name components.
  4. Buttons: Support microformats by displaying one of these buttons.
  5. Safari Microformats Plugin: Use this plugin, and you’ll be alerted any time you visit a site with published microformats.
  6. Greasemonkey: Use this Firefox customization tool to make use of microformats.
  7. hResume Creator: Fill out this form, and you’ll have a microformatted resume.
  8. hKit parser: Create plain text, JavaScript, and PHP outputs of the hKit microformat with this tool.
  9. Structured Blogging: Use this tool to create microformats in your blog.
  10. Icons: Use these icons to indicate microformats information.
  11. Dreamweaver Microformats Extension: This extension will add a few microformats Insert bar tools to Dreamweaver.
  12. rel-lint: Use this lint tool to make use of the rel attribute of links.
  13. Tails Export: This Firefox extension shows and exports microformats.
  14. Spell checking: Add this list of words to your spell check dictionary to make coding microformats easier.
  15. hCard creator: Use this tool to quickly and easily generate microformats code for an hCard.
  16. Textpattern Microformats Plugin: This plugin adds a number of different microformats tags that can be used with Textpattern.
  17. hReview creator: The hReview creator makes it easy to create review code.
  18. Microformats Bookmarklet: Use this bookmarklet to select and save individual contacts or events.
  19. Operator: This Firefox plugin detects microformat content and offers relevant options and tools.
  20. Pingerati: This site connects publishers with microformat index services.

Tutorials Get step-by-step walkthroughs for creating various microformats here.

  1. Using Microformats in Your Blog Software: Learn how to add more structure to your blog content with this tutorial.
  2. Tutorials on Microformats: Get help in microformats with these tutorials.
  3. Highlight Microformats with CSS: In this tutorial, you’ll see how you can highlight microformats using CSS, with examples.
  4. Pairing Wine and Microformats: Check out this tutorial to see how microformats can be put to work on a wine review site.
  5. Creating microformat hCalendar events with PHP: Get a detailed look at how you can use the hCalendar microformat in PHP.
  6. Add Microformats Magic to Your Site: Find out how to use microformats for your site, complete with code.
  7. Microformats: Web of Data: See how to use different microformats on your site to facilitate movement of data online.
  8. Understanding Elemental Microformats: In this guide, you’ll learn how to manage link spam, Creative Commons, and much more.
  9. Using Microformats in WordPress: Get step by step instructions for using microformats such as hCalendar, hCard, and hResume in your WordPress blog.
  10. Microformats: Managing Personal and Event Data: See how flexible microformats can be by checking out this guide.
  11. Microformats and WordPress Themes: Find out how to make your WordPress pages more readable using microformats.
  12. Tutorial: Using hCalendar Microformats: Get a real-world example of using hCalendar microformats in this tutorial.
  13. Microformats: Converting XHTML to vCards and iCalendars: This tutorial will show you how to use microformats to embed data in XHTML.
  14. Separate Data and Formatting with Microformats: Find out how to read and write microformats for the web with this article.
  15. Microformats: More Meaning from Your Markup: This tutorial offers an in-depth look at microformats for people and events.
  16. Unobtrustively Mapping Microformats with jQuery: This tutorial will show you how to create a microformat-enabled map with jQuery.
  17. Using Microformats in WordPress: Check out this tutorial to learn how to implement microformats in your WordPress blog.

Cheat sheets Use these cheat sheets for quick reference to all things microformat.

  1. Microformats Cheat Sheet: Check out this cheat sheet for quick microformats references.
  2. cheat-sheet: Check out this wiki directory to find lots of different microformats cheat sheets.
  3. Microformats Cheat Sheet: This cheat sheet from ILoveJackDaniels has great information for a number of different cheat sheets.
  4. pocket-cheat-sheet: Carry this handy little cheat sheet around in your pocket for quick reference.

Code Here you’ll find lots of sample code that you can use when creating microformats.

  1. pydataportability: This collection of tools includes support for microformats in Python.
  2. django-microformats: Use this application to create microformats in the Django framework.
  3. microformats.css: Use this CSS-based template with existing microformats.
  4. Microformats from the Ground Up: Find loads of code and other resources in this presentation.
  5. hatom-sparkle: Add hAtom support to Sparkle with this code.
  6. filtered-column-hcard-macro: Use this macro to filter columns in Rails.
  7. CSS: Check out this code to learn how to deal with objects, abbr, and more.
  8. ufperl: ufperl will extract microformats in Perl.
  9. python-microformats: Use this library to use and validate microformats in Python.

Information sources For even more information about microformats, check out these books, forums and blogs

  1. Microformatique: Get the latest information on microformats through this blog.
  2. Using Microformats: Check out this PDF guide from O’Reilly to learn how to use microformats.
  3. All in the Head: Drew McLellan’s blog has a lot to say about microformats.
  4. reblg Yahoo! Group: Check out this group to discuss reblogging, microformats, portable content, and more.
  5. Tantek: View the blog of Tantek Celik to see what an expert has to say about microformats.
  6. Microformats Implementation Wiki: See how microformats are being used in applications and more.
  7. Official Microformats.org Blog: Get the latest news, developments, and more from this blog.
  8. Planet Microformats: This site offers a meta-feed of microformats information from all over the web.
  9. Microformats Forums: Here you’ll find general discussion, announcements, developments, and lots more.
  10. Microformats: Empowering Your Markup for Web 2.0: Check out this book to learn the why and how of microformats.

Leave a Reply