Durante la quotidiana lettura dei feed RSS su Bloglines, anche oggi mi imbatto nella consueta consultazione (scusate l’allitterazione, e ora la rima) degli ultimi siti web dal design pi? fico offertaci dalla sempreverde (? il caso di dirlo) showcase gallery CSS Mania.

Rimango quindi ampiamente sorpreso quando, tra gli screenshot di altre pagine internazionali, scorgo anche quello di codesto sito. Considerato che non ho ancora iscritto il blog in nessuna di queste gallerie, i casi son due: o mi hanno pescato loro, o qualche gentile ed affezionato lettore mi ha fatto questo regalo, a mia totale insaputa.

A questo punto, fatto trenta, potreste fare trentuno. Votando il layout, sempre dalla stessa pagina, su una scala da uno a dieci. Siate sinceri: ? l’occasione per me di avere una vera valutazione statistica.

Oppure divertitevi a farlo scendere sotto lo zero. So che lo fareste.

Do ut des: Saw II (in inglese, e screener) su Google Video

Ve ne sarete accorti: qualcosa ? cambiato.
Finalmente si ? giunti al rilascio dell’attesissimo (ma dove) reboot, precisamente il quinto in poco pi? di un anno di vita.
Come potete vedere la struttura ? fondamentalmente semplice, ggi?vane e, almeno nelle intenzioni, Web2.0.

Scusate, ma non resisto. Il mio infantile orgoglio mi spinge a rendermi Cicerone per guidarvi nella comprensione di questa nuova dimensione estetica, e per spiegarvi un p? come funziona la baracca.

Approccio generale: radicale svolta nella colorazione. Come promesso, l’abbinamento ? nero-verde, finora campo inesplorato ma anche esperimento risultato poi molto interessante.

Qui sopra abbiamo una headline con un h1 dal font (Trebuchet MS, of course) particolarmente grande: sooo 2.0! Alla sua sinistra, un sistema di datazione molto stylish ed arguto che si sta ormai diffondendo a macchia d’olio. In calce a codesto articolo, una sfilza di links per tutta una serie di applicazioni volte al social bookmarking. In uno slancio patriottico ho dato spazio anche al nostrano Segnalo.
Prego notare l’audace scelta di mostrare solo l’ultimo articolo in home page.

L’header ? semplice: font arrotondato sans-serif con effetto glass mal riuscito. Il testo in alto a destra cambier? randomly, un giorno. Tutte le voci presenti nella vecchia versione sono sparite, attualmente ? in corso un brainstorming per decidere come riposizionarle.

Veniamo alla zona interessante: le due sidebar sinistre. La prima (la centrale delle tre colonne totali) ? dedicata al meta, e ci appare in tutto il suo splendore grazie all’effettismo grafico offertoci dal portentoso Valerio Proietti col suo moo.fx (che ? degradabile lato server, quindi chi ha disabilitato javascript vedr? una cagata, ma almeno vedr?). La seconda, offre una scelta casuale dal mio personale album fotografico su flickr.

Per il, chiamiamolo cos?, footer, ho voluto seguire i consigli del guru Derek Powazek, spostando in questa zona praticamente tutto ci? che ? “extra”, di fatto per? scremando la maggior parte dei contenuti presenti nella sidebar del vecchio layout. Delle 4 zone di cui ? formato, una ? impiegata per i crediti; l’altra per il linklogging ovvero “dimmi dove navighi e ti dir? chi sei”; l’altra ancora per gli antipixel a cui, in tutta sincerit?, non intendo rinunciare; l’ultima per il becero ritorno monetario.

E’ tutto.
Graditissimi, anzi praticamente indispensabili, feedback di qualsiasi tipo: email, commenti, telefonate, lettera minatoria, testa di cavallo nel letto.

Sempre grazie alla vacanza coatta, qualche tempo fa ho avuto modo di comperare e sfogliare il manuale CSS Guida Completa di Gianluca Troiani.

Vorrei essere sincero, senza per? risultare arrogante: non avevo bisogno di questo libro, l’ho preso solo per curiosit? e per praticit?.
Perch? i CSS non costituiscono un argomento poi cos? tanto vasto, e ho sempre pensato che qualche mese di attivit? teorica fosse sufficiente a predisporre una buona capacit? pratica e d’applicazione.

E avevo ragione: su questo manuale che, appunto, ? una guida completa, non ho trovato niente che non avessi gi? imparato in questi mesi (mi sono avvicinato al tema del webdesign intorno al Gennaio 2005) guardando esempi, facendo prove su prove e sbattendo la testa di fronte agli errori.
Questo ovviamente non pu? essere un difetto dell’opera, ma vorrei sottolineare che questo non ? un prodotto specialistico o di approfondimento, ma piuttosto di vero apprendimento dal nulla. E’ insomma l’ABC del CSS.

Pertanto chi ha gi? una buona panoramica dello scripting dei fogli di stile potrebbe evitare l’acquisto. Ma per chi non vuole perdere tempo, e vuole andare da zero a cento in 504 pagine, questa guida ? una vera manna. Tuttavia, se nel mio caso non ? stata fondamentale, mi ? certamente stata molto utile: perch? la mia, come detto, ? una conoscenza empirica poich? accumulata analizzando esempi gi? esistenti. Non ? sistematica, non ? stata un vero studio. La conseguenza di questo ? che saprei arrivare da solo agli stessi risultati di Gianluca Troiani, ma con un codice abbastanza sporco e pesante. La lettura di “CSS Guida completa”, invece, offre un metodo ragionato e mai “a tentoni” per scrivere pagine web leggere, accessibili e, quindi, w3-valide.

Gianluca Troiani
CSS Guida completa
Pagine: 504
ISBN: 88-503-2369-7
Editore: Apogeo
Prezzo: ?35,- ?29,75
Acquista online

Ecco uno dei motivi che mi hanno tenuto lontano dal blog per un p? di tempo: qualche giorno fa il buon Giordano di struzzo.tv mi ha chiesto di aiutarlo nell’impresa di restauro completo del suo blog; volentieri ho accettato. Cambio radicale di piattaforma (da dBlog a WordPress, avevate dubbi?) e design interamente rimodernato per renderlo pi? stylish e 2.0.

Ne ? venuto fuori questo. Commenti, critiche, torte in faccia ma anche pubbliche lodi sono sempre ben accette.

L’archivio completo dei vecchi post di struzzo.tv ? ancora disponibile all’indirizzo struzzo.tv/dblog. Ricordatevi di aggiornare l’indirizzo del feed rss.

Auguri, Giordano!

On air: Santa Dog - Rosa