alternates-brainstorming

From Microformats Wiki
Revision as of 07:01, 27 September 2007 by QnmB1u (talk | contribs)
Jump to navigation Jump to search

[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
Retrieved from "http://microformats.org/wiki/index.php?title=alternates-brainstorming&oldid=22858"