CSS Reboot 2006

Anche questo sito partecipa al grande evento del 1° Maggio 2006: CSS Reboot!

Sono parte dell’evento tutti i siti (ovviamente basati su html e css) che hanno cambiato aspetto grafico, con la possibilità di inserire anche uno screen della versione antecedente.

Sono stato aggiunto tra questi siti web che hanno portato un pò di novità su internet in questo periodo. Se volete, date il vostro voto al lavoro che ho fatto, ma non perdete l’occasione per guardare anche gli altri siti che sono stati realizzati.

Ne ho trovati molti davvero notevoli, non tutti accessibili e semanticamente validi ma sicuramente dal grande impatto visivo.

Lightbox vs. Thickbox

Da diversi mesi ormai è stato realizzato uno script che permette di realizzare gallerie di immagini in maniera semplice e molto accattivante: Lightbox.

Questo script permette di mostrare la versione ingrandita di un’immagine cliccando sull’anteprima, ma senza aprire fastidiose ed assolutamente inaccessibili finestre pop-up. Visto che è molto più semplice mostrare un esempio piuttosto che descrivere il funzionamento del javascript, visitando la pagina di Lightbox JS potete farvi un’idea chiara. Trovate anche le indicazioni su come integrare il tutto nelle vostre pagine.
Il lato positivo di questo script è che resta pienamente accessibile anche con javascript disattivato, infatti cliccando sull’immagine, il link per vedere l’ingrandimento continuerà a funzionare. La versione ingrandita sarà visualizzata nella stessa finestra del browser.

Da qualche tempo è stata rilasciata anche la versione 2.0 di Lightbox, che è leggermente più accattivante e con qualche funzione in più rispetto alla precedente, ma che non mi trova assolutamente d’accordo sulla sua efficienza: il peso di tutto lo script è vicino ai 100kb! Se pensate che la prima versione pesa un quinto di questa, vi potete rendere conto di come sia conveniente tenersi alla larga dall’upgrade.

E’ pratica diffusa fare attenzione al peso degli elementi nelle pagine per snellire i caricamenti e permettere una navigazione più veloce, dal mio punto di vista è impensabile introdurre uno script che richiede così tanta banda.

Ma negli ultimi giorni un altro fattore intacca la fama di Lightbox, ed è una variante che farà molto parlare di sè: Thickbox.

E’ uno script del tutto simile all’originale, con lo stesso intento, ma fa della versatilità il suo punto di forza. Infatti può essere usato sì per realizzare gallerie di immagini e mostrare versioni ingrandite di piccoli thumbnails, ma Thickbox può anche servire per far aprire veri e propri box di testo all’interno della pagina in cui ci si trova, contenenti codice html, senza usare pop-up e rimanendo pienamente accessibili.

Provare per credere, nella pagina in cui ci viene presentato lo script in tutte le sue varianti ci sono diversi esempi che meritano di essere visti. Notevole l’idea di utilizzare Thickbox per i form di login o registrazione. Se poi si aggiunge che il peso dello script è intorno ai 20kb i vantaggi sono evidenti.

Ho intenzione di fare diverse prove e magari integrare qualcosa del genere in questo sito, fatemi sapere cosa ne pensate e se avete sperimentato gli script, ogni contributo è il benvenuto.

Aggiornamento del 22 Maggio 2006: è stata rilasciata una nuova versione di Thickbox, che supporta ancora più tipologie di file, inoltre nel caso di immagini troppo grandi queste si ridimensionano da sole, ed ora il box non è più posizionato tramite la proprietà fixed quindi si sposta scorrendo la pagina. Da scaricare!

I Feed RSS per il web design

Per chi fosse interessato a conoscere tutte le ultime novità sul fronte del web design, seguire ogni giorno tutti i siti più importanti sull’argomento è un’impresa non da poco.

Per risolvere questo problema la soluzione migliore è tenere sotto controllo tutti i feed RSS dei siti in questione con un aggregatore come Bloglines: semplice, comodo e soprattutto gratuito.

Ma l’ostacolo più grande si presenta fin da subito: quali sono i siti da seguire e dove possono essere trovate le notizie più interessanti? Lo scopo di questo post è proprio trovare una risposta veloce alla domanda, fornendo un elenco di tutte le risorse indispensabili per un buon esperto di html, css e web standards. Ecco qui i miei consigli.

Siti italiani

Ecologia dei siti web
Il sito tratto dall’omonimo libro vanta tra gli autori la presenza di nomi importanti come Maurizio Boscarol, Gianluca Troiani e Sofia Postai.
Feed RSS

Edit – Il blog di HTML.it
Il blog di uno dei più famosi portali italiani. Articoli su tecniche di utilizzo dei fogli di stile, consigli sull’utilizzo di javascript, link a risorse per Photoshop e molto altro.
Feed RSS

Siti in inglese

A list apart
Un must per tutti i web designers che si rispettino. Tra le fonti più autorevoli da cui attingere consigli ed indicazioni.
Feed RSS

Mezzoblue
Il sito di Dave Shea, il creatore di CSS Zen Garden. Articoli e news sul web design ma non solo.
Feed RSS

Simplebits
L’autore di Bulletproof Web Design, Dan Cederholm, presenta questo sito dal look semplice ma efficace. Un altra voce autorevole da ascoltare.
Feed RSS

456 Berea Street
Roger Johansson, specialista in web standards, accessibilità ed usabilità fornisce consigli e suggerimenti nel suo sito personale.
Feed RSS

Stylegala
Una risorsa diversa dalle altre: è una galleria dei migliori siti di tutta la rete, recensiti e votati, per essere sempre al corrente delle novità e trovare nuove ispirazioni.
Feed RSS

Vitamin
Una risorsa nata recentemente, mi ha impressionato positivamente per gli autori che vanta tra le sue fila: Dan Cederholm, Shaun Inman, Eric Meyer, Dave Shea e molti altri.
Feed RSS

The Web Design Blog
Il nome dice tutto. Consigli, tutorial ed articoli con un’unico tema: il web design.
Feed RSS

Queste sono tutte le risorse che seguo costantemente anche io, e che mi sembrava doveroso condividere. Non sono sicuramente sufficienti per poter dire di essere degli esperti, ma sicuramente aiutano a tenersi informati se vi interessano i temi che ho descritto.

E’ probabile che in futuro la lista aumenti ancora e sorgano nuove realtà interessanti, per il momento se avete siti da segnalarmi non esitate: fatemi sapere la vostra.

Il plugin PostRatings per WordPress

Ho installato da un paio di giorni il plugin Postratings per WordPress, per abilitare la votazione dei post del blog e poter avere una classifica in base al voto medio.

Se vi interessasse, potete trovare a questo indirizzo la documentazione completa con tanto di istruzioni.

Le possibili varianti del pluginL’ho implementato senza problemi, le istruzioni sono semplici, ed ha funzionato subito. Molto interessanti le possibilità di configurazione: nel pannello di controllo è possibile scegliere l’aspetto delle “stelle”, che possono diventare anche rettangoli o un’unica barra orizzontale con un indicatore interno, e su che base numerica deve essere la scala di voto.

C’è stato solo un problema: il codice non è ottimizzato per l’xhtml 1.0 Strict, e così mi sono trovato a dover risolvere alcuni inesorabili errori che venivano fuori dal validatore del W3C.

Se vi interessasse, qui di seguito trovate le mie indicazioni su come modificare il file postratings.php ed evitare problemi.

Continua a leggere Il plugin PostRatings per WordPress »

Come è stato realizzato questo sito?

La risposta alla domanda del titolo potrebbe essere veloce, di due-tre frasi, breve ed indolore.
Ma visto che mi piacciono le cose complicate, mi sembra giusto mettere da parte le risposte banali e descrivere nei dettagli come ho creato questo sito.

1. Il pannello di controllo

Il pannello di controlloE’ sul pannello di controllo che ho concentrato le mie attenzioni fin dai primi momenti. Volevo integrare alcune funzioni nel sito senza che restassero sempre in vista, e volevo farlo utilizzando qualche script interessante.

Quando ho sperimentato moo.fx, ho capito subito che faceva per me.

Continua a leggere Come è stato realizzato questo sito? »

La nascita di TomStardust.com

Finalmente è arrivato il momento. Dopo mesi di rinvii, soprattutto per mancanza di tempo, sono riuscito a completare l’opera e a mettere online il mio progetto: TomStardust.com.

Era da tempo che volevo farlo, ho comprato il dominio alla fine del 2005 senza avere ancora un sito pronto, ed ho raggiunto il risultato di oggi solo dopo molte ore passate a lavorare su questa piccola creatura.

Cosa ci sarà su questo sito? L’argomento principale sarà uno: il web design e la grafica. Avevo bisogno di un sito dove poter parlare senza troppe preoccupazioni con un linguaggio tecnico, e credo di aver creato qui la giusta dimensione.

Ormai è più di un anno che lavoro in questo settore, e visto che mi appassiona ma soprattutto mi diverte, voglio continuare ad approfondire le tecniche che conosco condividendo la mia breve, ma comunque intensa esperienza con tutti coloro che avranno voglia di leggermi. So bene che all’inizio non sarà facile, del resto questo sito nasce dal nulla, ma credo di potermi togliere qualche soddisfazione in un futuro non troppo remoto.

Ho intenzione di parlare di CSS e delle tecniche legate al loro utilizzo, di javascript e di tutte quelle librerie di script che scopro ogni giorno. Tutto questo tenendo sempre presente una cosa: i siti che faccio, nei limiti del possibile, seguono sempre gli standard del W3C, quindi considererò solo quelle soluzioni che li rispettano.

In questo quadro, cosa succederà al mio blog su Splinder? Continuerà a vivere, e dopo averci pensato lo posso affermare con certezza. Avevo considerato la possibilità di trasferirmi definitivamente qui, dove tra l’altro ho installato WordPress e mi trovo magnificamente, ma ho deciso di tenere le due cose separate per non dover scendere a compromessi.

In poche parole, qui finiranno i discorsi tecnici, mentre su Splinder continuerò a fare quello che ho sempre fatto, parlando di cinema, musica, libri ed altro.

Aspetto i primi commenti su questo sito, sperando che vi piaccia in tutte le sue sezioni, fatemi sapere cosa ne pensate!