A Blog Not Limited

to web design, standards & semantics


The Beauty of Semantic Markup, Part 1: Quotes & Citations
As I mentioned in my introduction, this series is going to take a close look at the fundamentals of semantic markup. In this first installment, I'm focusing on quotes and citations. Before we get started, if you'd like to know more about semantic markup — what it is, why you should develop your sites with it — check out my article, Meaningful Markup: POSH and Beyond. Now, let's get to it!
Microformats Profile URIs Updated
If you've read my Getting Semantic With Microformats blog series or my book, Microformats Made Simple, you should be familiar with profile URIs for microformats and hopefully you are using them. Recently, the microformats community completed updates to the profile URIs for all microformats, including most drafts. So now is the time for you to update your references!
Getting Semantic With Microformats, Part 8: Value Class Pattern
Update: 2009-10-20 Tantek Çelik requested that I add inline examples of the value-class pattern markup in this article, so people working on applications to parse uses of the pattern can reference this article as a live example. I finally obliged, and you will see those inline examples below, each of which is indicated as an update. No, your eyes aren't deceiving you. It's another installment of my Getting Semantic With Microformats series (with a special thanks to Ben Ward for…
Microformats, hAccessibility & Moving Forward
Last week, Andy Clarke posted a design solution for the hAccessibility issue in microformats. It's an interesting workaround, combining the current standard for marking up dates in microformats with the broadly-accepted use of skip links. But Wait, What Is hAccessibility? Before I get too far into this article, though, I should probably explain hAccessibility. As I've mentioned previously, hAccessibility was coined by The Web Standards Project to describe an accessibility issue related to the use of the abbr design pattern…
Getting Semantic With Microformats, Part 7: Themes & Issues
According to what I planned when I introduced this series, we are at the end of this thrilling and exciting journey into the world of microformats. And after spending all this time reviewing specific implementations of microformats on A Blog Not Limited, I didn't want to just end the series without some sort of conclusion. But the more I thought about it, the more I realized that I'm not ready to conclude this series. There are still more microformats that…
Getting Semantic With Microformats, Part 6: hResume
I began this series a little over two months ago. I wanted to share my love of microformats and detail how I've implemented them, in hopes of encouraging more people to embrace them. So far, I've covered a lot: Rel-based microformats in Part 1 XFN in Part 2 hCard in Part 3 hCalendar in Part 4 hAtom in Part 5 And now, as I conclude this series, it is time to talk about the hResume microformat which is used to…
Oomph Microformats Toolkit
I'm taking a short (I promise) break from my Getting Semantic With Microformats series because I need it, and I wanted to spend some time playing with and reviewing the Oomph microformats toolkit from MIX Online that I discovered this week. This way, you (my beloved four readers) still get some microformat goodness, and I get a much-needed break from the intense research and writing I've been doing. Let's get started, shall we?
Getting Semantic With Microformats, Part 5: hAtom
Over the course of this series, I've discussed the various microformats I've implemented on A Blog Not Limited: rel-based, XFN, hCard and hCalendar. Now, it's time to talk about the hAtom microformat, which adds semantics and structure to web content that could be syndicated, such as blog posts or news articles.
Getting Semantic With Microformats, Part 4: hCalendar
Here we are again, delving into the exciting (for me, at least) world of microformats. Based on what I planned at the outset, this article is about mid-way through the series. So far, I've discussed three implementations of microformats on A Blog Not Limited: Specifying link-based relationships using the rel attribute in Part 1 Giving a "human face" to links using the XFN microformat in Part 2 Describing people, companies and places with the hCard microformat in Part 3 Not…
Getting Semantic With Microformats, Part 3: hCard
I began this series by detailing the microformats for link-based relationships using the rel attribute in Part 1. I then followed up in Part 2 with a discussion about extending the rel attribute with XFN values to connote social relationships on the web. Both XFN and the rel-based microformats are relatively simple, requiring only the addition of the rel attribute to links (<a>) and the proper value(s) to provide semantic context. Now it is time to take this microformats discussion…
Getting Semantic With Microformats, Part 2: XFN
In Part 1 of this series, I explained various implementations of the rel microformat on A Blog Not Limited. While explaining rel-me, I briefly touched on the XFN microformat. It's now time to spend some more time on this very cool microformat, which was one of the first.
Getting Semantic With Microformats, Introduction
I'm an organizer with a sometimes frustrating need to pay attention to the smallest details. It shows itself in my home: my DVD collection of over 500 is organized alphabetically, as is what's left of my CD collection. I spend hours in iTunes assigning genres (because the defaults just aren't good enough for me) and creating playlists for over 10k songs. My books are organized by genre. My dresser drawers and closets are pristine. It is just me. This personality…

The Coolest Person I Know

Emily Lewis

Yeah, that would be me: .

I'm a freelance web designer of the standardista variety, which means I get excited about things like valid POSH, microformats and accessibility. I ply my trade from my one-person design studio in Albuquerque, New Mexico 87106 USA.

A Blog Not Limited is my personal blog where I pontificate about web design, web standards, semantics and whatever else strikes my fancy. Head on over to Emily Lewis Design if you'd like to see my work or, even better, hire me.


I Tweet, Therefore I Am

Follow @emilylewis on Twitter!