oggi finalmente va online il mio ultimo lavoro, il restyling del sito della mia amica fotografa chiara, http://www.chiaramirelli.com. più che un semplice restyling è stata una riscrittura da zero di tutto il sito, basato questa volta su html e javascript (jquery framework) più che su flash.

il vecchio sito era diventato enorme e ingestibile, avevamo (entrambi, io e chiara) il bisogno di ripartire da zero quattro anni dopo. troppi nuovi lavori di chiara, troppo difficile gestire un monolite scritto in actionscript2 quando ancora sviluppavo (anche) con tecnologia flash. quale miglior banco di prova per il mio giovanissimo framework need coffee on mondays con cui ho anche creato il nuovo sitoz nel settembre 2009?

features

la grafica richiama la prima versione ma con un tocco in più di eleganza (introdotto da chiara, mica da me, cosa credevate?): un bottone giorno/notte che permette di osservare le splendide fotografie sia su sfondo nero sia su sfondo bianco.

aggiunta una sezione video: sì, chiara si è data anche ai video, guardateli perché ne vale veramente la pena. naturalmente, per non gravare sull'archittettura, abbiamo utilizzato servizi di streaming video esterni al sito (youtube e vimeo).
il sistema di caching mi è costato non poca fatica, ma ho dovuto scrivere da zero intere librerie per la gestione dinamica di immagini, sia legata ai problemi di loading multipli di immagini, sia alla realizzazione di thumbnails idonee alla navigazione "per icone".
migliore struttura degli url in modo da essere facilmente indicizzati dai motori di ricerca.
la base dati è interamente composta da oggetti php che descrivono i modelli necessari, nessun database, sia per essere più scattanti sia per evitare di realizzare interfacce di amministrazione che probabilmente avrebbero portato via più tempo della realizzazione del sito.

sia io sia chiara siamo in attesa dei commenti di tutti i visitatori per segnalare eventuali malfunzionamenti (aaaaaaaaaaaaaah!) sia per sapere cosa pensate del lavoro, sempre ottimo, di chiara.

via twitter mi sono imbattuto in questo utilissimo (e semplice) screencast realizzato con php e jQuery:

http://screenr.com/SNH

è un esempio di long polling (tecnica che simula il push da server a client quando non è disponibile). l'autore afferma che è utilizzato da gmail e facebook per aggiornare le pagine alla ricezione di una notifica.

sto pensando seriamente di implementarlo nel sitoz (in homepage o in sezioni dedicate), un modo più interattivo di vivere il sito. seguiranno aggiornamenti.

[update] 25 ottobre 2009 ore 13:44

a partire da oggi il box del forum in homepage ha una nuova funzionalità: ogni dieci secondi l'applicazione controlla la presenza di nuovi messaggi nel forum e né dà notifica in tre modi (N= numero nuovi messaggi):

1. titolo del box: (+N new)
2. box del forum: vengono accodate N righe, una per ciascun nuovo messaggio
3. titolo della pagina: (+N), osservabile anche dal titolo del tab di navigazione per i browser che li supportano (un pò come gmail).

per testare la funzionalità, vi consiglio di aprire due tab di navigazione del sitoz, una sull'homepage, l'altra sul topic "test long polling" (occorre essere registrati e loggati ovviamente). rispondete al post del forum, noterete l'aggiornamento AUTOMATICO delle sezioni sopracitate! ;)