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...
