The Clangers Guide to Microformats

A presentation at Oxford Geek Night 7 in June 2008 in Oxford, UK by Drew McLellan

Slide 1

Slide 1

guide to microformats drew mclellan edgeofmyseat.com

Slide 2

Slide 2

clangers the

Slide 3

Slide 3

The series creators have said that the Clangers, living in vacuum, did not actually communicate by sound, but rather by a type of nuclear magnetic resonance, which was translated to audible whistles for the human audience. These whistles followed the rhythm and intonation of a script in the English language, including swear-words. http://en.wikipedia.org/wiki/The_Clangers

Slide 4

Slide 4

Slide 5

Slide 5

the robots want to help, but they can’t understand http://flickr.com/photos/donsolo/2385041554/

Slide 6

Slide 6

Slide 7

Slide 7

Text Headings h1, h2, h3...

Slide 8

Slide 8

Paragraphs

<p>

Slide 9

Slide 9

Names err...

Slide 10

Slide 10

microformats

Slide 11

Slide 11

yay.

Slide 12

Slide 12

hCard for address cards

Slide 13

Slide 13

for events hCalendar

Slide 14

Slide 14

rel-tag for tags

Slide 15

Slide 15

Slide 16

Slide 16

<div class="mvb"> <span class="byl"> By Paul Rincon </span><br> <span class="byd"> Science reporter, BBC News </span> </div>

Slide 17

Slide 17

<div class="vcard"> By <span class="fn"> Paul Rincon </span><br> <span class="role"> Science reporter </span> , <span class="org"> BBC News </span> </div>

Slide 18

Slide 18

http://flickr.com/photos/mallmus/329503964/

Slide 19

Slide 19

Slide 20

Slide 20

hCard (address book information)

Slide 21

Slide 21

Slide 22

Slide 22

hCalendar (event information)

Slide 23

Slide 23

Slide 24

Slide 24

Slide 25

Slide 25

and more!

Slide 26

Slide 26

TOFU ROBOT UNDERSTANDS http://flickr.com/photos/donsolo/2385041554/

Slide 27

Slide 27

http://flickr.com/photos/ioerror/28363435/

Slide 28

Slide 28

http://flickr.com/photos/kevinsteele/24771587/

Slide 29

Slide 29

Slide 30

Slide 30

microformats.org http://allinthehead.com/presentations