Negen blog

Link aggiornato Un post molto interessante che raccoglie una quantità notevole di link a risorse per gli sviluppatori web. I links sono organizzati in diverse categorie. Si parte dai più blasonati siti di web design (Zeldman, Simplebits, Stop Design) passando per risorse dedicate all'usabilità, accessibilità, web standards, linguaggi per il web e si conclude con una raccolta di strumenti dedicati allo sviluppo.

A giudicare dalla quantità di link la lista non mi sembra molto essenziale. Via StyleGala, CssHelpPile.

A volte puo' essere comodo usare il linguaggio php all'interno dei fogli di stile per renderli dinamici. Sono necessarie pero' alcune accortezze, non basta inserire il codice PHP nel foglio di stile e basta. Questa non è una novità per chi realizza pagine web. Per chi è alle prime armi c'è articolo su Digital web Magazine che spiega come fare.

Stessa idea di Css Optimizer, solo un po' più minimalista. Css Compressor presenta una pagina web con una area di testo dove inserire il proprio codice CSS per ottenerne una versione più compatta. La pagina non effettua il controllo di validità del codice CSS, che puo' essere fatto tramite la pagina di validazione del W3C.

Css beauty si dimostra sempre una buona fonte di risorse per i web designer. Questa mattina, dopo alcuni giorni di assenza, apro il mio feedreader, e trovo un interessante link sull'elastic design, un modo originale e intelligente di comporre le pagine web. Solitamente quando si realizza un layout per una pagina web ci si pone una domanda: Layout a larghezza prefissata o fluido?. Una soluzione può essere quella di rendere le scelte selezionabili dall'utente (tramite due pulsanti che cambiano dinamicamente il foglio di stile sfruttando javascript es.: Simplebits.com). Un'altra soluzione puo' essere quella di variare la dimensione del layout in funzione della dimensione dei caratteri del testo. In questo modo le proporzioni generali della pagina continuano ad essere rispettate e non si hanno più problemi di sovrapposizione del testo. Si puo' trovare una pagina dimostrativa su Css Zen Garden. Per capire la differenza provate a ridimensionare i caratteri (su Firefox premendo i tasti CTRL + o CTRL -) sia sulla pagina dimostrativa che sulla pagina della rivista on line ALA. Noterete, nel primo caso, che tutto il layout si ridimensionerà coerentemente con la dimensione dei caratteri mentre nel secondo caso cambieranno dimensione solo i caratteri del testo e il layout manterrà la stessa dimensione.

• Css beauty
• 456 Brera St.: Fixed or fluid width? Elastic!
• ALA: Elastic Design
• Css Zen Garden

Designer Toolbox Alcuni semplici strumenti online per chi è a digiuno di css. Molto minimale il tutto.