Profilo
Colophon
La prima versione di questo sito risale al 2002 ed era realizzata interamente in Flash, successivamente l'evoluzione di Manuxonline ha seguito di pari passo quella della mia carriera professionale, abbracciando pienamente gli Standard Web e la filosofia di "maestri" del web come Jeffrey Zeldman, che mi sento in dovere di citare in questa sede per via della forte influenza che i suoi saggi sul web design moderno hanno esercitato su di me e sulla mia crescita professionale.
volevo che questo sito fosse una sorta di "Written, Produced and Directed by myself"
Manuxonline è realizzato interamente da me, in ogni sua parte, dal design al codice client-side, sino alla programmazione server-side.
Ho messo a punto anche un piccolo CMS che mi permette di mantenere il sito aggiornato in maniera semplice e veloce. Non mi sono appoggiato su un CMS di terze parti in quanto volevo che questo sito fosse una creatura completamente mia; per usare una definizione cinematografica, volevo che questo sito fosse una sorta di "Written, Produced and Directed by myself".
Design
L'attuale design del sito risale al 2005 e rispecchia i miei pensieri e le mie ispirazioni di allora e che ad oggi rimangono pienamente validi. Nel 2008 ho modificato leggermente il design, che č rimasto comunque intatto nei suoi tratti essenziali; si è trattato più che altro di una "espansione" del sito precedente, al fine di renderlo più ricco, più vivo.
Il sito utilizza varie gradazioni di grigio scuro per gli sfondi, e grigio chiaro per i testi. All'inizio ero indeciso circa l'utilizzo di questo schema di colori, temendo che potesse comportare problemi di leggibilità ad una buona parte di utenti.
tramite un uso accorto dei contrasti penso che l'utilizzo di testo chiaro su sfondo scuro non sia così limitante per la leggibilità
Tuttavia, tramite un uso accorto dei contrasti, penso che l'utilizzo di testo chiaro su sfondo scuro non sia così limitante per la leggibilità, anzi, non sono pochi gli utenti che ritengono tale combinazione anche più piacevole rispetto al classico testo scuro su sfondo chiaro.
Ad ogni modo, su questo sito voglio sentirmi libero si sperimentare, di "osare" e penso che i colori utilizzati su Manuxonline trovino un senso soprattutto alla luce del target di riferimento a cui questo sito si rivolge.
Per lo stesso motivo, mi sono sentito libero di non supportare la risoluzione 800x600, si tratta della prima volta che realizzo un sito web prendendo in considerazione una risoluzione minima di 1024x768.
Tipografia
Ho dedicato particolare cura alla tipografia per questo sito ed ho cercato di favorire il più possibile la leggibilità e la scorrevolezza dei testi utilizzando un'interlinea leggermente maggiore del solito ed adottando la tecnica del ritmo verticale.
Per il dimensionamento del testo ho utilizzato il pixel come unità di misura. Spesso è necessario avventurarsi in complessi calcoli matematici con gli em, ma per questo sito ho pensato che un approccio "pixel perfect" fosse più adatto.
Inoltre il testo ha una dimensione di base di 12px che assicura una buona leggibilità ed il sito è progettato in modo da rimenere integro in caso di ridimensionamento dei caratteri.
Internet Explorer per Windows non permette di ridimensionare il testo impostato in pixel ma, anche se nel mio lavoro quotidiano mi dedico ancora al pieno supporto di questo browser e delle sue problematiche, ho pensato che per il mio sito personale non valesse la pena investire del tempo aggiuntivo a tale scopo.
Il font utilizzato per il logo è Pump Demi Bold, per i titoli in formato grafico ho utilizzato il font Aldo, per tutto il resto ho utilizzato il mitico Verdana.
Tecnologia
Ho sviluppato questo sito utilizzando XHTML 1.0 Strict per la struttura, CSS per il layout e la presentazione e DOM Scripting per aggiungere comportamento alle pagine tramite Javascript non intrusivo.
Di conseguenza, i contenuti di questo sito possono essere fruiti tramite una vasta gamma di dispositivi ed user agent, compresi palmari, cellulari, browser testuali e screen reader.
La navigazione su dispositivi mobili č ottimizzata tramite l'utilizzo di uno specifico foglio di stile di tipo "handheld", sfruttando, in particolar modo, le potenzialitą dei browser per palmari e cellulari di ultima generazione. Anche la stampa delle pagine del sito č ottimizzata tramite l'utilizzo di uno specifico foglio di stile di tipo "print".
Per quanto riguarda le tecnologia server-side, ho sviluppato il back-end di questo sito interamente in PHP / Mysql.
Tools
Ho creato questo sito su un PC equipaggiato con il buon vecchio Windows 2000 Professional. Ho scritto a mano tutti i codici XHTML, CSS, Javascript e PHP utilizzando Notepad.
L'unico codice proveniente da fonti esterne è quello relativo al Thickbox, utilizzato per gli ingrandimenti nella sezione portfolio. Per le immagini e la grafica ho utilizzato Adobe Photoshop CS.
Riconoscimenti
Manuxonline è stato accettato all'interno di diverse gallery dedicate al web design ed ai CSS, tra cui: