Microformats and Media... RFC if you like JS or CSS

I have a love hate relationship with microformats. The apostles who think they're the end all be all of the semantic web drive me insane. 'Semantic Web' aside, microformats are a powerful approache to reusable design. Consistent markup with the appropriate JS or CSS can make for great reusable UI widgets.

This morning I was dabbling with derivative which goes through some acrobatics to display multiple media types, in light of the classes I recently added to the tags imagecache produces, I thought it would be awsome to use a simple microformat for files. Some quick Googling (proper verbs what is english coming to) led me to http://microformats.org/wiki/file-format-examples.

I'm seriously considering merging both examples from the page into something like:

The Gorge - MPEG video (22MB, 320x200, 228s, MP3 192Kbps audio, MPEG-2 video)

<?php
// ignore the php tags.

<div class="hFileFormat">
  <a type="video/mpeg; 
                  audio-codec=MP3,
                  audio-codec-sample-rate=192Kbps, 
                  video-codec=MPEG-2"
       length=23068672
       href="/angels_arete.mpg">The Gorge - MPEG video</a>

  <!-- should meta-data be in a wrapper or have a general class? -->
  <abbr class="size-in-octets" title="23068672">22MB</abbr>,
  <abbr class="duration-in-seconds" title="228.23">228.23s</abbr>
  <abbr class="width-in-px" title="320">320px</abbr>
  <abbr class="height-in-px" title="200">200px</abbr>
  <span class="custom copyright-year">2006</span>
  <!-- allow addition of custom meta data with .custom -->

  <!-- should codec data be in wrapper or have a general class? -->   
  <span class="audio-codec ">MP3</span>
  <abbr class="audio-codec-sample-rate" title=192000>192Kbps 
</abbr>
  <abbr class="audio-code-bit-depth" title=16>16bit</abbr>

  <!-- should codec data be in wrapper or have a general class? -->   
  <span class="video-codec">MPEG-2</span> 
  <span class="video-codec-sample-rate" title=200000>200K</span>
  <!-- include additional codec data if present -->
</div>

?>

The format will need some refinement, so I am to soliciting feedback from people familiar with JQuery and CSS. Are there limitations to the markup? Can it be more succinct? Can it be made more self explanatory? Are there ways to make it an easier target for selectors? Is anyone else doing anything similar?

By dopry at 2008-04-17 14:16
drupal
media
microformats
Login or register to post comments

Very nice! +1 This would be

Very nice! +1

This would be cool for FLV/H.264/MP3, having a JavaScript that would detect this code on a page and make a nice Flash movie viewer. Same could be done with WMV/WMA and silverlight.

Robin

By mozillaman at 2008-04-21 14:53
Login or register to post comments

Official Ed Hardy Store for

Official Ed Hardy Store for all Clothing and Gear. Inspired by Christian Audigier, the lifestyle brand includes clothing, accessories, energy drink, jewelry and
Ed Hardy
Ed Hardy
The official site of Don Ed Hardy shoes. Find the latest Ed Hardy fashion footwear here.
cheap Ed Hardy
Welcome to the Ed Hardy Store, Find a great range of Ed Hardy products. Ed Hardy Women's Ellerise Lowrise Sneaker · Ed Hardy
Ed Hardy shirts
ed hardy swimwear
Ed Hardy Sunglasses
on Ed Hardy is an American tattoo artist born and raised in Southern California in 1945,A pupil of Sailor Jerry, Hardy is recognized for incorporating Japanese tattoo aesthetic and technique into his work
links of london
Jewellery Sale

By wolai at 2009-07-17 20:21
Login or register to post comments

Buy christian louboutin On

Buy christian louboutin On Sale-Best shoes Sale-Discount christian louboutin shoes
best buy christian louboutin espadrill，christian louboutin heels，cheap christian louboutin pumps，on sale christian shoes，
christian louboutin Mart offers you louboutin shoes on sale. You can buy best on sale christian louboutin sandals from christian louboutin Mart with fantastic discount but high quality.

By xinye871103 at 2009-08-14 03:37
Login or register to post comments

re

I'm seriously considering merging both examples from the page into something like.

smartbook - smartbook reviews - vibrator reviews - netbook reviews

traduccion de español a ingles
- traductor de español a ingles
- traduccion de espanol a ingles
- traductor de espanol a ingles
- traductor español a ingles

By dog at 2009-08-17 09:54
Login or register to post comments

Dofus Kamas

958217833691753816461 Above this engine, the Dofus Kamas PCB teams develop extensions that allow, among Buy Dofus Kamas other things, to find Dofus Kamas Pas Cher the mechanisms of “Trusted Site” and allow extensive Acheter des Kamas integration between the site and visited Pleognost Kamas Dofus Thursday gave as an example Achat DOFUS Kamas a site where a Cheap Dofus Kamas single click on a link gives you Kamas the possibility to register a vessel in fitting your saved Prix Moins Cher Dofus Kamas fittings (eg BattleClinic).

By Gaiagold at 2009-08-18 07:03
Login or register to post comments

louboutin shoesOn Sale-Best

louboutin shoesOn Sale-Best christian louboutin shoes Sale-Discount christian shoes
best buy christian loubin wedges ，christian louboutin pigalle，cheap christian louboutin mary janes，on sale christian louboutin ，
christian louboutin Mart offers you christian louboutin on sale. You can buy best on sale christian louboutin s from christian louboutin Mart with fantastic discount but high quality.
3.

By xinye871103 at 2009-08-20 01:33
Login or register to post comments

Oh mine, it’s totally

Oh mine, it’s totally unbelievable!
Nice post, Its a very impressive article in my opinion. Its completely my pleasure for comment this post.
Congratulation for this.

drill glass - glass drill bit - Makeup and Vanity Mirrors

By TechnologyLK at 2009-08-20 02:20
Login or register to post comments

It provides me helpful tips

It provides me helpful tips with great ideas. Thanks
__________________
drill glass - glass drill bit - Makeup and Vanity Mirrors

By TechnologyLK at 2009-08-20 03:24
Login or register to post comments

agree

Thats a usful bug~~~~~~~~~~~~~
nfl jerseys|cheap NFL jerseys|cheap mlb jerseys|cheap nhl jerseys|cheap ed hardy

By jasonbird at 2009-09-11 03:38
Login or register to post comments

| buy viagra online cheap |

By Mark_G at 2009-09-22 17:08
Login or register to post comments

links of london Funs

links of london
Funs blog
collect bag
Ho jewelry Blog
Our simply
jewelry blog
dress blog

By wohuhuhua at 2009-09-27 08:42
Login or register to post comments

| order Xanax | order cheap

By Mark_G at 2009-10-04 14:32
Login or register to post comments

great

great post
cd rates

By bromoney at 2009-10-06 14:49
Login or register to post comments

Hi

Wow! Exactly what I'm looking for. Be happy to find it here. Bookmarked and I will share it. Thanks a lot!

Cheap Camel cigarettes | Davidoff cigarettes

By FrileFrosts at 2009-10-09 03:25
Login or register to post comments

since she began to have a

since she began to have a relationship with Prince William in 2003.And she is even expected to be a second Princess Diana. links of londonJewelry Besides, Kate Middleton's good taste in fashionlinks of london jewelleryBeing similar to Princess Diana, she also has a simple background with an ordinary family, but has extraordinary inherent quality and temperature. linkslondonHowever, it has nothing to do with her perfect behavior as Prince's girlfriend

Colin hanks, Anne Hathaway, Susan Sarandon all appeared in beautiful full-dress and links of london necklace, silver links of london bracelets wining a round of applause and many amazements. sweetie bracelet First and foremost, just take a look at Anne Hathaway. The cute lady put on a links of london necklaces in classic style to match her black dress with ruffles, liking a star of ballet. links of london charm bracelet Dolly Parton who is entitled as the queen of American country music also had her own effective trick. links of london necklaces links of london charm links london charms A piece of pink dress and a pair of links of london bracelet with special design apply glamour and myth to her. silver earrings sweetie bracelet bracelet charms of london Jewellery

By rhianna1977 at 2009-10-09 19:59
Login or register to post comments

thankss

thanks you..
Oyun | Okey | Tavla | Hava durumu | Sinema

By Oyuncular at 2009-10-16 12:03
Login or register to post comments

Tiffany Jewellery offering

Tiffany Jewellery offering bangle jewelry, bracelet jewelry, eardrop jewelry, necklace jewelry, ring jewelry, finger ring jewelry and earring jewelry
Tiffany Necklaces
Tiffany Bracelets
Tiffany
Tiffany Style Silver Jewelry: Rings, Earrings, Necklaces, Bracelets and more Tiffany Jewelry at low prices
Tiffany and co
Links of London, the leading British contemporary jeweller was founded in 1990 by jewellery designer Annoushka Ducas and her husband John Ayton. Excellent craftsmanship, generous tactile forms and the use of the finest materials remain integral to each collection.
links of london store
links of london

By lekii at 2009-10-19 06:01
Login or register to post comments

Air jordan shoes

Thanks for your useful info, I think it’s a good topic. So would you like the info about the
jordan shoes
Air jordan shoes
cardy ugg boots
ugg bailey button boots
cheap jordan shoes
ugg boots uk
Michael jordan shoes
ugg london
ugg nightfall boots
ugg boots sale
classic ugg boots
sundance ugg boots
air jordan fusion 6
air jordan 6 rings
Tiffany Jewelry
jordan shoes for sale

By topbootsmart at 2009-10-20 22:43
Login or register to post comments

You know Replica Louis

You know Replica Louis Vuitton ? And them you must know what is louis vuitton outlet , you must so familiar with them, so convenient to you in daily life and shopping, But for the monogram canvas keepall 45 m41418
with big name brand, you must afraid that can not afford it, there is no doubt to worry that, as we find that monogram canvas keepall 60 m41412
, so good and worth, now, thanks to the damier azur canvas koala wallet n60013
, you know luxury items are so near to you, and which are no longer something that you always hesitate going for .Come on! suhali leather le fabuleux m91812 white
. You best collection.monogram canvas manhattan gm m40025
, I have to say that you must aware that the monogram canvas mini pochette accessoires trunks bags m60153
with big brand

By louis at 2009-10-26 21:52
Login or register to post comments

nike shoes

Awesome! Need a pair of Nike Shoes? Im good at Jordan Shoes FAQ and also the Nike Shoes, so if you’re ready to buy a pair nike shoes or Jordan Shoes, I can help you something, if you just like the UGG Boots, I have no way to do that XD! See you then..

By ohyeah at 2009-10-29 05:22
Login or register to post comments

The information you posted

The information you posted about louis vuitton handbags is so useful, I am expecting for your next post.

Nice articles, but I am not clear about the point you mentioned about how to distinguish fake and real louis vuitton handbags.

By louis vuitton at 2009-11-01 11:43
Login or register to post comments

Ed Hardy

I love shoes and found a website offering Christian Louboutin high heels at a bargain price.

Most people know Tom Atencio as the co-owner of Affliction Entertainment or the 'T-shirt guy' as Dana White would put it.

Both the website and stores feature premier lifestyle brands such as LRG, Rocawear, Timberland, Akademiks, Baby Phat, coogi, Adidas Originals

The fashion guru behind the Ed Hardy and Christian Audigier ,Ed Hardy clothinglines was Jackson's landlord during the final months of his life

By vick159 at 2009-11-02 01:02
Login or register to post comments

Men's LOUIS VUITTON Shoes

Men's LOUIS VUITTON Shoes Low Cut-020
Free Shipping Over $99_Site Help

Wallet Hermes Dogon Ostrich Veins Dark Coffee HW010

Hermes_Wallet

Hermes_Wallet
Wallet Hermes Dogon Travel Case Dark CoffeeHW010
Wallet Hermes Dogon Travel Case Organizer Gold HW010
Wallet Hermes Dogon Travel Case Organizer Orange HW010
Damier Beaubourg ToteShoulder Bag N52006

By RRETRETRE at 2009-11-03 07:27
Login or register to post comments

Mens LOUIS VUITTON Shoes

Mens LOUIS VUITTON Shoes High_LOUIS VUITTON Shoes
Mens LOUIS VUITTON Shoes High_LOUIS VUITTON Shoes
Site Help
Billing Information_Site Help
Disclaimer_Site Help
Return Policy_Site Help
Security Policy_Site Help
Shipping Policy_Site Help
Privacy Policy_Site Help
About Us_Site Help
Rewards Program_Site Help

By RRETRETRE at 2009-11-03 07:53
Login or register to post comments

basketboll very good

I find it a very successful website. writing the information you provide, and would be closely monitored Chat with friends while I am talking from the information you provide Still a good issue as a quality management team article to offer my eternal thanks
Film izle
Erotik
Video
Sohbet
kameralı sohbet
bedava sohbet
sohbet odaları
Film izle
Erotik
Video
erotik Video
porno Videosu
sex Video
sikiş pornosu
porno film

By sohbet123 at 2009-11-03 10:29
Login or register to post comments

pretty

Funs blog
collect bag
Ho jewelry Blog
Our simply
Bridal Lingerie
UGG Classic Cardy Boots
UGG Classic Short
UGG Classic Tall
UGG Nightfall Boots
UGG Mini Boots
UGG Sundance

By furcoo at 2009-11-04 06:10
Login or register to post comments

Global News | New Business

By calzro at 2009-11-04 07:22
Login or register to post comments

great

refine led lighting
refine led manufacturer
Refine LED wall washer
Refine LED Light bulb
Refine LED Driver
Refine LED road light
Refine LED inground light
Refine LED Flexible strips

By ben at 2009-11-04 08:43
Login or register to post comments

Online Pharmacy | Buy Viagra

By asquare at 2009-11-05 03:43
Login or register to post comments

Jeans|Mens Jeans|Womens

So Cheap Wholesale

————————————————————
cheap NFL jerseys|cheap mlb jerseys|cheap nhl jerseys

By jasonbird at 2009-11-06 19:47
Login or register to post comments

tiffany

tiffany applies the well-informed shape "key" to present its latest jewelry series: Tiffany's keys, opening a distinctive kind of fashion trend. ...

Washington's affordable family campground and RV Park, Resort is located on beautiful Curlew Lake in Northeast Washington.

tiffanyau is a discount tiffany jewelryonline store, everybody can afford tiffany jewellery as a memorable jewelry gift.

By zhouzhengjing at 2009-11-07 04:17
Login or register to post comments

yuyuyu

By DDDEE44545EJJJJ at 2009-11-07 04:20
Login or register to post comments

aaaaaaa

Here is the paradise of purchasing luxury replica watches. Such as Omega Replica Watch, Replica Iwc Watches, Fake Chanel ...

we afford the international famous luxury brand replica watch. Such as Replica Rolex Watches, Fake Omega Watch, Replica Tag Watch ...

Lowest Price replicas watches supplier, BREITLING REPLICA offer high-class WATCH REPLICA more than 100 famous brands, luxucy watches and swiss watches for ...

Replica Watches of high quality in large selection at replicas watch.Over 6000 Fake Watch items,Brands like Replica Rolex,Replica Cartier ...

By zhouzhengjing at 2009-11-07 04:51
Login or register to post comments

dodod

Terry Glenn White Jersey
Tony Dorsett Navy Blue Jersey
Tony Dorsett White Jersey
Tony Romo Blue Jersey
Tony Romo Navy Jersey
Tony Romo Team Color (Blue) Jersey
Tony Romo White Jersey
Tony Romo White Jersey
Troy Aikman Blue Jersey
Troy Aikman Blue Jersey
Troy Aikman Navy Jersey
Troy Aikman White Jersey

By DDDEE44545EJJJJ at 2009-11-07 05:01
Login or register to post comments

great

refine led lighting
refine led manufacturer
Refine LED wall washer
Refine LED Light bulb
Refine LED Driver
Refine LED road light
Refine LED inground light
Refine LED Flexible strips
Refine Lighting
Refine Lighting Manufacturer
Refine cooperative factor
Refine OEM ODM

By ben at 2009-11-08 06:54
Login or register to post comments

I have read through this

By weiliu at 2009-11-09 10:16
Login or register to post comments

Very good movie, I just read

Very good movie, I just read yesterday, I tiffany jewelry
discount tiffany jewelrynow also want to see it
Tiffany & Co Dior Pendant Necklace [N206] On Sale
Tiffany & Co Dior Tag Pandent Necklace [N092] On Sale
Tiffany & Co Disc Pendant With Butterfly Necklace [N099] On Sale
Tiffany & Co Dog Bone Necklace [N101] On Sale
Tiffany & Co Dog Tag Necklace N107 [N107] On Sale
Tiffany & Co Double Heart Necklace [N139] On Sale
Tiffany & Co Double Heart Tag Necklace [N141] On Sale
Tiffany & Co Double Loving Heart Necklace [N068] On Sale
Tiffany & Co Egg Tag Pendant Necklace [N184] On Sale

By weiliu at 2009-11-10 10:08
Login or register to post comments

Thanks for sharing nice

Thanks for sharing nice stuff. Actually I thought of writing same stuff in my personal blog But not as good as you have written.Any how thanks for sharing such a valuable stuff.
Book Report Writing | Coursework | Research Paper

By ceo1 at 2009-11-12 01:27
Login or register to post comments

Keep up the good

Keep up the good work.
Social Science Papers | computer science essays

By ceo1 at 2009-11-12 01:30
Login or register to post comments

trendyedhardy

It was a very nice idea! Just wanna say thank you for the information you have shared.Ed Wmn hoodies
ed hardy women

hoodies Just continue writing this kind of post. I will be your loyal reader. Thanks again.

By pandora at 2009-11-12 22:16
Login or register to post comments

http://www.pandorajewelrycom.com

pandora sterling silver
pandora charm beads
Mix Earrings
ed hardy men hoodies
Ed Men slipper

By linwen at 2009-11-13 22:44
Login or register to post comments

Generic Viagra

Generic Viagra and Kamagra is widely used by men to treat their ED. It contains sildenafil citrate a clinically proven drug that helps men with ED in achieving erection.
Bellspharmacy.com is one of the highly acclaim distributor of generic drugs. This company is known worldwide of its quality drugs and it offer generic drugs at a very low prices. Visit them online
Generic Viagra | Cheap Generic Viagra | Buy Generic Viagra Online | Buy Generic Viagra | Cheap Generic Viagra | Cheap Generic Viagra | Cheap Generic Viagra

By jamessmithforum at 2009-11-17 02:10
Login or register to post comments

At here, you will find

At here, you will find nothing but high quality replica handbags.
For example, some of our most popular replica handbags are Louis Vuitton replicas.
You will also find designer replica handbags like Gucci handbags,
Marc Jacobs handbags, Fendi handbags, Christian Dior,Cartier handbags, chanel handbags,Cartier handbags, Prada handbags, Hermes handbags, Balenciaga handbags and Thomaswylde handbags,Loewe handbags,Valention handbags with Chloe handbags.-10

By gucci handbags at 2009-11-18 08:45
Login or register to post comments

ugg boots

wholesale ugg boots
cheap ugg boots
winter ugg boots
uggs outlet

UGG Classic Tall Boots
UGG Ultra Short Boots

UGG Tall Metallic Boots

UGG Tasmina Braid Sandals

UGG Infant Erin Boots

By bixia at 2009-11-19 02:19
Login or register to post comments

ugg boots

fashion ugg boots

ugg outlet

ugg boots

Ugg Bailey Button Boots
Ugg Amelie Suede Sandals
Ugg Classic Cardy Boots
Ugg Classic Mini Boots
Ugg Classic Short Boots
Ugg Classic Tall Boots
Ugg Fluff Flip Flop
Ugg Infant Erin Boots
Ugg Nightfall Boots
Ugg Short Metallic Boots
Ugg Sundance II Boots
Ugg Tall Metallic Boots
Ugg Tasmina Braid Sandals
Ugg Tasmina Sandals
Ultra Short Ugg Boots
Ultra Tall Ugg Boots

By bixia at 2009-11-19 02:22
Login or register to post comments

air max

Air Max

By bixia at 2009-11-19 02:23
Login or register to post comments

The shoes are so much that

The shoes are so much that we have no idea to chosse ,but we have to choose the one that is not very expensive and it is also very beautiful ,it seems so hard. Man Panther Roses Flip Flop in Black. It is panther and roses traditional tattoo design on an an exclusive flip flop sandal. And it is made of rubber. Men’s Skull Grind Shoes - Black, Man Skull Grind Shoes in Black. Skate inspired Grind Shoe from Don . Skull design. Get your skateboard out, because it is ready to rip it up! The Men’s Lowrise Tiger Stencil Shoes . Man Lowrise Tiger Stencil Shoes in Black. Men’s lowrise Chuck inspired tiger design. Items 100% Guaranteed Authentic.links of london charms|links of london| links of london bracelet

By rhianna1977 at 2009-11-19 22:02
Login or register to post comments

Welcome to GolfAndSports.com!

We are delighted to launch our new website in time for 2009, GolfAndSports.com, your first choice for incredible savings on golf clubs, golf sets, golf equipment and other sports and leisure goods.

Built on a custom platform that delivers enhanced features and security, this is a site for the future that will allow us to better serve our customers and their needs.

You will now benefit from:

* An account with your details saved, for quicker checkouts
* Reward Points, giving you money back every time you spend with us
* High levels of security
* Order tracking
* Much more!

By GolfOutletsUSA at 2009-11-21 05:39
Login or register to post comments

Website design is a very

Website design is a very large topic, and there are many conflicting views. At the same time, there are many hosts that offer a website builder service - software that lets the user pick and choose from some proven layouts and website designs, and then fill in their own text. Sample Dissertation.
Regards,

By raiko at 2009-11-23 01:29
Login or register to post comments

ghd Hair Straighteners

ghd
ghd straighteners
ghd Hair Straighteners

By topbootsmart at 2009-11-23 01:29
Login or register to post comments

Search

Navigation

User login

Microformats and Media... RFC if you like JS or CSS