alternates-brainstorming

From Microformats Wiki
Revision as of 07:01, 27 September 2007 by QnmB1u (talk | contribs)
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

[ig farben] [hard disk interno 200] [un poker di pistole] [siamo figli delle stelle] [film del genere fantastico] [oggetti porno] [mascate] [corse dei cavalii] [noma numa yei] [codici seca 2 titanium card] [rexel lp 25hs] [salvatore spoto] [plan de corones] [polizia municipale treviso] [maxtor plus 10] [cartuccia epson c60] [ucelli giuliana] [racconto amatoriale] [progetto stampa] [informadove] [quel diavolo di ragazza] [successi anni 80] [tenda usata] [tetovaza] [palmare gprs gsm] [fack it girl] [log di attivazione] [zafira km zero] [passa tutto] [oudtshoorn] [processori pentium 4] [mobili per computer] [www highschool com] [il duomo assicurazioni] [hdd scsi rx200 s2] [i belive in a thing called love video] [geosat navigatore] [vittorio veneto] [video asiatiche] [najlepsze pozostanie] [il quarto desiderio] [deep dish] [paloalto] [ufficio vicenza] [canon powershot a620] [l oceano del silenzio] [donne pisa] [carolina invernizio] [maradona ultime foto scandalo] [foto grande fratello 2] [amateur anal] [inculate trans] [bisex uomo marche] [indennita risoluzione rapporto] [background colours] [sp af2875mm f 2 8 xr] [foto sabrina ferilli nuda] [daniela fini] [luigi boccherini] [wau] [antoinejoseph adolphe sax] [il ragazzo della baia] [incontri supereva com] [jerry] [volo per ibiza] [polo volkswagen 2001] [vampires vs zombies] [philips 19 lcd 190s6] [miglia] [cha cha slide dj casper] [s m40x 269] [modem dsl 300t] [anima di clown] [globalsat bluetooth gps bt338] [troncatrice nastro] [driver motorola v220] [fuori dalla nebbia] [sony mdr v 500] [hotel 2 stelle] [robie wiliams] [rete letto] [benni benassi illusion] [una spada per due cuori] [concierto di aranjuez] [dvd hdmi yamaha] [peugeot 106 2001] [potenza di picco] [galeazzi giampiero] [astyle abbigliamento] [sotalolo] [printr nori] [battista] [televisori 12v] [crociera barca vela italia] [pensiero e parole] [blero kthehu] [frasi auguri matrimonio] [laurea ringraziamenti] [anche in italia i punti di accesso nintendo wifi] [marrocchi] [destino trasversale] [multipower energy charge] [little light of love r x r a] [tomahawk] [bitch games] [videoclip da scaricare gratis] [horloge harry potter] [basi karaoke scaricabili gratis] [game boy online] [banda bassoti] [lcd tv 23 samsung] [basi musicali napoletane gratis] [playstation slim] [lettori mp3 120 gb] [export area manager (regione lombardia pavia provincia)] [prince of persia 2 trailer 5] [www esmas chat com] [baikal] [video filmati gratis] [bmw 530 touring] [heaven is a halfpipe] [immagini talpa con paola perego] [software chimica] [progettazione giardino calabria] [sony dscv3] [sirena nave] [franco de bita] [statuto regione lombardia] [radeon x800pro vivo] [fornitura ufficio catania] [televisori 32 pollici lcd sony] [samsung e 710] [elicotteri da modellismo] [casa vianello] [lauder fondotinta] [maxtor 6y060l0] [hdtv lcd] [cazzo nero] [power ranger] [resident evil outbreak file 2 ha una data statunitense] [mercedes classe] [on heavens door] [christmas sexi] [u2 bomb] [uccisione delle 2 simone] [bice testo canzone] [san antonio tx] [codigo acii] [olympus camedia c 765] [jessica simpson take my breath away] = Introduction = This page is to talk about alternates, that is, places where a user may be given several different items to choose amongst that at some logical level are considered equivalent. The best stawman so far is #6.

Discussion Participants

Editor

Authors

Interested Folks

  • Joshua Kinberg
  • Ernest Prabhakar
  • Sean Gilligan

Brainstorms

Strawman 1

<fieldset>
 <a href="example.mp3" type="audio/mpeg">MP3 alternative</a>
 <a href="example.wav" type="audio/wav">WAV alternative</a>
 <a href="example.mov" type="video/quicktime">MOV alternative</a>
</fieldset> 

XHTML Sample

Discussion

  • is legal but warps XHTML definitions -- David Janes
  • I think that is fieldset abuse -1 KevinMarks

Strawman 2

   <select id="entryN">
     <option value="example.mp3">MP3 alternative</option>
     <option value="example.mov">WAV alternative</option>
     <option value="example.wav">MOV alternative</option>
   </select> 

XHTML Sample

Discussion

  • is legal but warps XHTML definitions -- David Janes
  • butt ugly, probably beyond redemption -- David Janes
  • the alternatives aren't clearly links -1 KevinMarks

Strawman 3

<div class="altgroup">
 <a class="alternate" href="example.mp3" type="audio/mpeg">MP3 alternative</a>
 <a class="alternate" href="example.wav" type="audio/wav">WAV alternative</a>
 <a class="alternate" href="example.mov" type="video/quicktime">MOV alternative</a>
</div> 

Discussion

  • Looks better, but we have an existing rel="alternate" in HTML

Strawman 4 (lists)

An example of a list that expresses no preference.

<ul class="altgroup">
 <li><a href="example.mp3" type="audio/mpeg">MP3 alternative</a></li>
 <li><a href="example.wav" type="audio/wav">WAV alternative</a></li>
 <li><a href="example.mov" type="video/quicktime">MOV alternative</a></li>
</ul> 

An example of a list that expresses a preference (i.e. first is best, last is worst)

<ol class="altgroup">
 <li><a href="example.mp3" type="audio/mpeg">MP3 alternative</a></li>
 <li><a href="example.wav" type="audio/wav">WAV alternative</a></li>
 <li><a href="example.mov" type="video/quicktime">MOV alternative</a></li>
</ol> 

Discussion

  • this rocks, though I'm a little indifferent to altgroup. The only downside is that 'loosely coupled' alternates may not be covered; on the other hand, this may not be so much of an issue. We will know more from the examples -- David Janes
  • I like this a lot, and the ul/ol distinction is good, but the rel="alternate" should be there too.

Strawman 5 (lists explicit alternator)

This varies #4, explicitly stating what is being alternated. Let's say we're trying to express "location". If there was no alternates, we'd just say:

<a href="example.mp3" class="location">MP3</a>

Now, let's say that we have multiple choices. Here's what I think it should look like:

<ol class="location alternates">
  <li>
    <a href="example.mp3" class="location">MP3</a>
    <br />
    I ripped this one using <a href="...">iTunes</a>
  </li>
  <li>
    <a href="example.wma" class="location">WMA</a>
    <br />
    I ripped this one using <a href="...">Windows Media</a>
  </li>
</ol> 

Discussion

David Janes:

  • "alternates" indicates there's a bunch of choices to follow
  • "location" appears multiple times because ...
  • "location alternates" indicates we're _composing_ the alternates MF with "location"

Lucas Gonze:

  • I fiddled around with CSS and javascript to support this and found it was pretty easy to work with. That's a big plus.
  • A drawback is that it departs from existing idioms for microformats.
  • A plus is that the same method can be applied to other variants of the Alternates microformat. Let's say you have some MF that depends on a class "photo" to distinguish which one of multiple IMG elements is the alternate, you can declare the OL or UL with class="photo alternates".
  • Another plus is that the technique can extend out to more than one item per option, like if there must be both a photo and a location; that would be