microformats Archives - Broken Links Archive

Data Attributes in HTML and jQuery

SomeĀ­times the existĀ­ing HTML attribĀ­utĀ­es arenā€™t sufĀ­fiĀ­cient for describĀ­ing an eleĀ­menĀ­tā€™s conĀ­tent. We can use class, ref, rel, title and more, but even so there are occaĀ­sions where thatā€™s not enough. HTML5 addressĀ­es this probĀ­lem with the introĀ­ducĀ­tion of Data AttribĀ­utĀ­es, which allow you to add simĀ­ple metaĀ­daĀ­ta to indiĀ­vidĀ­ual eleĀ­ments, largeĀ­ly for the purĀ­pose of proĀ­vidĀ­ing inforĀ­maĀ­tion to make JavaScript funcĀ­tions easier.

Read the full article

Microformats on Safari/iPhone

Iā€™ve become one of the ranked massĀ­es of iPhone users, and now that Iā€™ve come to terms with its limĀ­iĀ­taĀ­tions Iā€™m genĀ­erĀ­alĀ­ly pretĀ­ty hapĀ­py with it. One thing that strikes me as pretĀ­ty strange, howĀ­evĀ­er, is the lack of supĀ­port for the comĀ­mon data forĀ­mats iCalĀ­enĀ­dar and vCard ā€” and, as a result of that, the non-exisĀ­tent supĀ­port of the hCalĀ­enĀ­dar and hCard microĀ­forĀ­mats ā€” in Safari.

It seems to me that a device such as the iPhone, with its built-in calĀ­enĀ­dar and address book, would be able to make great use of the above microĀ­forĀ­mats to pull conĀ­tact data and events from web pages; it is, in fact, almost the perĀ­fect device for doing so.

Read the full article

Custom markup for Microformats

A misĀ­take which seems to be fairĀ­ly comĀ­mon when takĀ­ing the first steps in learnĀ­ing about MicroĀ­forĀ­mats (and one which I have made) is to preĀ­sume that the markup which is genĀ­erĀ­atĀ­ed by the genĀ­erĀ­aĀ­tion tools ā€“ for examĀ­ple, the hCard CreĀ­ator ā€“ is the markup that must be used in the page.

Thatā€™s not the case, of course; with a few notable excepĀ­tions, the markup is comĀ­pleteĀ­ly cusĀ­tomisĀ­able, and it is the order of the class names (and othĀ­er attribĀ­utĀ­es) which matters.

Read the full article

Links Round-Up: Firefox, Microsoft, Yahoo

The last month has seen me comĀ­pleteĀ­ly immersed in User ExpeĀ­riĀ­ence theĀ­oĀ­ry and InforĀ­maĀ­tion ArchiĀ­tecĀ­ture for my new role, and itā€™s been a very hecĀ­tic time. While that hasĀ­nā€™t stopped me from keepĀ­ing an eye on develĀ­opĀ­ments on the web, itā€™s givĀ­en me less time to write about them.

Hereā€™s a quick round-up of a few links that have grabbed my interĀ­est over the past weeks; Iā€™d like to write more about them, but time forbids.

Read the full article

Book review: Microformats, by John Allsopp

Iā€™ve just finĀ­ished readĀ­ing John AllĀ­sopĀ­pā€™s book ā€˜MicroĀ­forĀ­mats: empowĀ­erĀ­ing your markup for Web 2.0ā€², and thought it deserved a review here ā€” marked up, of course, with hReĀ­view. I was givĀ­en a free copy at the recent MicroĀ­forĀ­mats vEvent, but hope that hasĀ­nā€™t coloured my review at all. Markup for the review was genĀ­erĀ­atĀ­ed by the hReĀ­view creĀ­ator (and slightĀ­ly modĀ­iĀ­fied by myself).

Read the full article

hAtom implemented site-wide

Just impleĀ­mentĀ­ed phase one of my mark-up plans, by impleĀ­mentĀ­ing hAtom across the site; you can check it with OptiĀ­mus, although be aware that itā€™s OptiĀ­mus thatā€™s proĀ­ducĀ­ing the errors, not me! Of course thereā€™s no masĀ­sive benĀ­eĀ­fit in my using hAtom at the moment, but a litĀ­tle furĀ­ther down the line Iā€™m sure Iā€™ll be grateĀ­ful ā€” plus, itā€™s good practice.



Iā€™ve updatĀ­ed my SpeakĀ­ing page to include more conĀ­ferĀ­ences, more videos, and a litĀ­tle on my speakĀ­ing requireĀ­ments and prefĀ­erĀ­ences. Iā€™m planĀ­ning to cut down on the numĀ­ber of talks I give in 2014 (twelve is too many), but am always open to interĀ­estĀ­ing offers and opporĀ­tuĀ­niĀ­ties, so please get in touch if youā€™re organĀ­isĀ­ing an event.

[#] 1 Comment . More Asides.