Ispirazioni e riflessioni sui tag
Venerdì 22 Dicembre 2006 - 08:55
di Alessandro Fulciniti
Faccio segnalazioni dei miei articoli raramente, ma stavolta vorrei fare
un’eccezione. Questo mercoledì è stato pubblicato su HTML.it
Tag list con background e CSS, un articolo con due esempi semplici semplici (primo
e secondo) per avere tag list grafiche con markup minimale e semantico, un pizzico di CSS e un’unica immagine.
Il secondo esempio dell’articolo è palesemente ispirato da Blogmarks, di cui riporto anche qui uno screenshot:
Lo spunto a parer mio è decisamente notevole, e mi ha portato ad alcune riflessioni che vorrei condividere. Una delle più grandi rivoluzioni nel web recente (che sia web 2.0 o meno non importa) è l’uso dei tag.
Ma ritengo che, sebbene siano uno strumento potentissimo a livello di informazione, i tag sono spesso trascurati come elemento di design.
Un link a un tag non ha lo stesso potere informativo di un link di un menu? E allora perchè non usare la stessa cura dal punto di vista grafico ed estetico? Blogmarks è, per quanto ne so, l’unico sito che presenta una tag list grafica.
La seconda riflessione riguarda le tag cloud. Anche qui qualcosa di diverso dal solito è piuttosto raro… l’unica eccezione che ho trovato
riguarda Gifttagging che presenta una tag cloud veramente bella. Ecco lo screenshot:
In questo caso, a differenza di Blogmarks, non ho saputo resistere a vedere il codice: per ottenere l’effetto ci sono 4 span annidati per ogni tag, e la tag cloud non risulta leggibile a immagini disabilitate (testo bianco su sfondo bianco, dato che insieme alle immagini di sfondo non viene specificato un colore di sfondo). A parte questi due dettagli tecnici, converrete con me che il risultato è molto accattivante.
Come potete notare, anche qui ciascun tag viene presentato graficamente come etichetta. Mi chiedo quindi: l’etichetta è una metafora adeguata per un tag? Sarà destinata a diventare una metafora di uso comune? Secondo me si.
Concludo con una richiesta. Se vi capita o vi è capitato di vedere o realizzare una tag list o una tag cloud che usa la grafica, potreste aggiungere un commento qui sul blog?
Categoria: Grafica | Permalink
Commenti
1
è vero, il risultato è accattivante ma secondo me bisogna implementare maggiore potenza ai CSS poichè pagine con elementi innestati (leggi esempio 4 span) per curare solo una minima parte di grafica (in questo caso dei tag-links) non servono a nessuno se non agli occhi (lo so … hai detto niente) … ma semanticamente parlando ed in termini di peso della pagina più che di un passo avanti mi sembra un ritorno al passato (tabelle VS tableless, più peso VS meno, uso errato dell’elemento table ed altro ancora)
Mi scuso per non aver aggiunto pagine d’effetto :P
2
Ottima idea la tag list formattata, Alessandro.
Appena implementata sul mio blog (naturalmente la versione non rounded). Devo solo trovare il modo per renderla scalabile al ridimensionamento del font.# - postato da Andrea Martines - 22 Dicembre 2006 - 12:00
3
Per renderla scalabile ci son diversi modi… certo che il codice si appesantisce eh
# - postato da Andrea Paiola - 22 Dicembre 2006 - 16:21
4
Il fatto è che, finchè non si potranno usare i CSS3 e il supporto per i background multipli, si dovrà ricorrere ad agganganci “grafici” aggiuntivi nel markup se si vogliono soluzioni così flessibili (adattanti in larghezza, ma soprattutto scalabili in altezza) come quella di giftagging.
L’unica alternativa che mi viene in mente è “iniettare” gli span aggiuntivi con il javascript e il dom, consentendo una graceful degradation se js è disabilitato… magari sperimento un po’ :-)
# - postato da Alessandro Fulciniti - 22 Dicembre 2006 - 18:04
5
@Ale
La tua tag list (come quella di Blogmarks) è certamente semantica a livello di codice, ma meno a livello “complessivo”… nel senso che una tag list senza indicazione di quanto “valga” ciascun tag, a mio parere perde molto del suo significato espressivo. E’ un po’ come scrivere un documento dimenticandosi degli header, e scrivendo tutto (compresi i titoli) in paragrafi. Diciamo che aspetto la versione 2.0 ;-)# - postato da paperogiallo - 22 Dicembre 2006 - 18:19
6
Paperogiallo, forse c’è un po’ di confusione :-) Una cosa sono le tag list, un’altra le tag cloud.
Le prime hanno lo scopo di caratterizzare un post (o link, prodotto, ecc.. che sia); una tag cloud racchiude tutti i tag di un sito e ne esprime la frequenza di ciascuno attraverso un’informazione visiva (la grandezza del carattere ad esempio).
Comunque, a gennaio il mio primo articolo dovrebbe essere proprio sulle tag cloud.
# - postato da Alessandro Fulciniti - 22 Dicembre 2006 - 23:31
7
Hai ragione, Ale! :doh:
Sono già in clima natalizio, evidentemente… sorry x le ca**ate che ho detto! :)# - postato da paperogiallo - 23 Dicembre 2006 - 17:44