Web standards: i link del venerdì

Venerdì 20 Gennaio 2006 - 14:50

di Alessandro Fulciniti

Web Standards

Sono diversi le segnalazioni su Javascript, CSS e web standards che ho raccolto in questi ultimi giorni, ecco quindi una piccola rassegna. Cominciamo con il markup. DIVless - No DIVs. No TABLEs è un’interessante sperimentazione per ottenere layout con i CSS senza usare i div,
ma solo con liste non ordinate o di definizione. Una riflessione: i div sono
la soluzione più pratica e usata per i layout CSS. E poi: chi può dire che le liste per il layout siano una soluzione più semantica dei div? Rimanendo in tema layout: non troppo recente, ma molto divertente il mini-tutorial Building your very own web2.0 layout.

Stesura, organizzazione e ottimizzazione dei CSS sono temi evergreen, ecco due articoli recenti: Cross-browser strategies for CSS e 5 Tips for Organizing Your CSS. A parer mio le cose essenziali sono che il CSS passi la validazione, che garantisca una buona compatibilità cross-browser, che non faccia uso marcato di hack e che sia leggero. In quanto alle strategie di codifica e di ottimizzazione, con il tempo si impara a svilupparne di proprie e a riconoscere quelle degli altri che possano rivelarsi congeniali. Personalmente, dei cinque tips il primo non lo adotterei mai in quanto appesantisce notevolmente il foglio di stile.

Octopus engine
è un’articolo che spiega come ottenere elementi fluidi con bordi e angoli arrotondati: qualche div aggiuntivo e un po’ di regole CSS. Niente di nuovo, ma decisamente gli angoli arrotondati sono tra i tutorial più seguiti. Volendo il markup si può riportare al minimo con un pizzico di Javascript: se posso essere sincero, avrei usato il DOM invece di innerHTML. E rimanendo in tema di Javascript, davvero notevole Resolution dependent layout update che consente di usare due o più CSS a seconda della risoluzione.

Infine, se avete cinque minuti e volete mettervi alla prova questo weekend ecco il Web Standards Quiz: venti domande su HTML, CSS e web design per valutare quanto ne sapete e quanto siete informati sui web standards. Divertente, anche se devo ancora scoprire chi ha disegnato Wired

Tags:

Categoria: Web Standards | Permalink

Commenti

1

Molto interessante il Web Standad quiz…. ho scoperto chi ha creato wired.com, anche se lo ho scoperto sparandola a caso :-P

# - postato da Lestat - 20 Gennaio 2006 - 15:57

2

Il quiz non funziona bene: ti dice che hai sbagliato anche se hai risposto correttamente. :D Che io sappia, l’autore di Wired è Daug:

- www.stopdesign.com/log/2005/10.....rns-3.html

Grazie mille per i link!

# - postato da Piero Fissore - 20 Gennaio 2006 - 16:27

3

wired, dovrebbe averlo disegnato jeffrey veen, almeno una sua edizione storica, l’avevo letto nel suo libro

# - postato da Emanuele - 20 Gennaio 2006 - 18:19

4

wired, dovrebbe averlo disegnato jeffrey veen, almeno una sua edizione storica, l’avevo letto nel suo libro

# - postato da Emanuele - 20 Gennaio 2006 - 18:19

5

Il primo link è veramente orrendo. Semanticamente è un vero e proprio insulto al markup ed alla struttura logica delle pagine. Gli altri sono molto interessanti. A quando dei link che insegnino a costruire layout più accessibili? thanx ;-)

# - postato da Gabriele Romanato (thomas_anderson) - 21 Gennaio 2006 - 12:32

6

Gabriele, infatti l’ho definita sperimentazione… più che altro si tratta di una provocazione nel senso creativo del termine.
Tra qualche anno potemo magari dire che div, css e float non sono adeguati per il layout… ma ancora non è tempo.

Preparo volentieri in questi giorni un post sull’accessibilità.

# - postato da Alessandro Fulciniti - 21 Gennaio 2006 - 13:48

7

Le liste per i layout sono un obbrobrio ora e per sempre.

ciao,
Andrea.

# - postato da Andrea Paiola - 21 Gennaio 2006 - 14:47

8

ciao ascolta..m manderesti x email la tag x inserire i post in 1template x blog? grazie mille ciaooo

# - postato da Elisa - 22 Gennaio 2006 - 15:40

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento