|« Startups suffer funding slump||Upgrading to Firefox 2.0 on Windows XP »|
Categories: Web Develop, Front End Web Development, Semantic Web and Microformats
I started reading Using Microformats on Safari yesterday and was inspired. You should now find hCards on both the Blog and the About Us pages on this site, and I also started applying hResume to my CV.
That's all very well, you may be saying, but what are you talking about? Let me explain, Microformats are a way of adding semantic content to your HTML markup. Unlike more traditional approaches, the entire thing is community driven and purposely lightweight. The next question you might ask would be - why? The value add is that, with the extra semantic markup, your content can be easily re-purposed by general purpose automated tools. As an example, here is a tool which converts hCard information in web pages into
.vcf files suitable for importing into Outlook. Try it! Google and other search engines already pay attention to some Microformats, Yahoo has a Creative Commons Search which makes use of rel-license, and many other tools are incorporating Microformat features, particularly apps in the blogging and calendaring arenas.
You don't have to wait for Microformat support to be added into Firefox, you can have it today with the Tails extension. It doesn't yet officially support Firefox 2.0, but you can get it installed by either installing the Nightly Tester Tools or hacking the
- Download the file and change the extension from
- You can now extract the file using your standard archive tool
install.rdfin a text editor and find the line:
- Replace it with:
- Make a new zip archive of all the files you just extracted, including the
install.rdfyou just edited and then change the extension from
- In Firefox, use File->Open and select the
.xpifile you just made, it should install the extension
This worked for me, though it did hang the Add Ons dialogue the first time I tried access the options it's been fine since then. Once you've got Tails installed you'll see a little icon in your status bar which lights up every time you visit a page with Microformats. Click on the lit up icon and the sidebar opens with a list of all the information found along with buttons to export it. Here's what my CV looks like:
In short - Microformats are cool
.xpifile and then opened it directly in Firefox it installs and works fine.
Buy my book!Hello! HTML5 and CSS3 available now
Buy my other book!Early access to HTML5 in Action available now
- Semantic Web and Microformats
- Web Design
- Web Develop
This work is licensed under a Creative Commons Attribution-Share Alike 2.5 License.