Mi è appena arrivata per e-mail la segnalazione che il mio sito è stato premiato da Italia Web Star ed inserito nella categoria Web Designer con 3 stelle 
Come anticipato ieri, ho segnalato il mio sito su diverse CSS galleries…
Il primo inserimento è su Screenalicio.us, al momento come votazione ho 3/5
Per quanto riguarda le altre segnalazioni, ancora non ho ottenuto nessun riscontro.
Per puro caso ho scoperto che il mio ultimo lavoro, il sito della Deepbluemedia, è stato inserito su due CSS gallery: Screenalicio.us e CSS Artillery. Buono il giudizio della prima, 3/5, decisamente meno buono quello della seconda (uno scarso 4.17 su 10 nel momento in cui scrivo questo post).
Comunque sono contento del risultato, è la prima volta che uno dei miei lavori viene inserito in una CSS gallery. Oggi ho segnalato anche la nuova versione di questo sito, speriamo la inseriscano!
“Blu è il colore del cielo quando è sereno e del mare quando è tranquillo”: così recitava parecchi anni fa lo slogan pubblicitario di un noto gestore di telefonia mobile.
Al di là della triste fine di quel gestore telefonico, lo slogan era azzeccatissimo: il blu (o per meglio dire l’azzurro) richiama subito alla mente il mare e il cielo, due elementi della natura che danno immediatamente un’idea di pace e felicità
Se non si fosse capito l’azzurro è il mio colore preferito; per questo, dopo l’esperimento nero+giallo durato qualche settimana, ho deciso di rivedere il sito, tornando all’accoppiata azzurro/bianco che avevo utilizzato nella versione iniziale, ma allo stesso tempo cercando di dare una veste un pochino più professionale.
Prossimamente darò anche una sistemata ai testi, che necessitano di qualche aggiornamento 
Chi di voi ha un minimo di esperienza nella realizzazione di siti web avrà sicuramente avuto occasione di confrontarsi con l’inefficienza (per non dire altro) della versione 6 del browser di casa Microsoft. Tra i diversi problemi, più o meno fastidiosi (vedi il bug dei bordi “dotted”, puntinati, che vengono visualizzati come “dashed”, tratteggiati), spicca sicuramente quello della gestione delle immagini PNG.
Il PNG, Portable Network Graphics, è un formato per le immagini largamente utilizzato negli ultimi tempi; IE 6 ha il pesante difetto di non gestire le PNG trasparenti, con lo spiacevole risultato che invece della trasparenza viene visualizzato uno sfondo grigio.
Durante la realizzazione del mio ultimo lavoro mi sono dovuto confrontare con questo problema, poiché il sito sarebbe dovuto essere pienamente compatibile anche con la versione 6 del popolare browser.
Cercando sul web ho trovato diverse guide (quasi tutte basate sull’inclusione di un javascript che dovrebbe risolvere il problema), ma i risultati sono stati deludenti: in nessun caso riuscivo a far visualizzare correttamente le PNG utilizzate come sfondo nei DIV o in altri elementi.
Alla fine sono approdato a questa guida, e dato che sono riuscito a risolvere il mio problema, mi è sembrato utile riproporla qui sul blog.
In pratica, bisogna per prima cosa andare su questo sito e scaricare il pacchetto completo, contenente diversi files che vanno piazzati nella cartella principale del sito (o opportunamente richiamati dal CSS se si vuole metterli in un altra cartella). Come secondo passo, bisogna aprire il nostro foglio di stile ed inserire la seguente riga:
img, #esempio1, #esempio2 { behavior: url(iepngfix.htc); }
sostituendo ad #esempio1 ed #esempio2 i nomi (quanti volete) degli elementi che fanno uso delle PNG trasparenti.
Alcune precisazioni ed “effetti collaterali” di questo script:
Da oggi è online il mio ultimo lavoro, un sito di presentazione della società Deepbluemedia, che si occupa di comunicazione, realizzazione siti internet, fotografia e webcasting, in particolare in relazione ad eventi sportivi legati al mondo degli sport acquatici.
Ecco intanto una schermata del sito:
… mentre qui potete trovare la scheda dettagliata.
Per chi, almeno una volta, si è chiesto quali siano i font dei più famosi loghi del Web 2.0, segnalo questo interessante articolo:
http://www.fontshop.com/fontfeed/archives/the-logos-of-web-20/
Ieri mentre navigavo sul web alla ricerca di template per siti mi sono imbattuto in CSS Remix: in pratica è un’enorme galleria, contenente una selezione di siti che si distinguono per ricercatezza ed eleganza del design; registrandosi si può proporre il proprio sito, oppure votare e commentare quelli già inseriti.
Tra i siti presenti ce ne sono alcuni veramente stupendi (in genere sono quelli dei web designer, che per forza di cose devono avere uno stile “che colpisce” il visitatore); qualche esempio di siti interessanti che ho trovato:
http://www.webdesignerwall.com
Ce ne sarebbero tantissimi altri… consiglio a tutti di spendere qualche ora a vedere tutta la galleria, ci sono molti siti banali ma ce ne sono anche tantissimi che meritano
Volevo segnalare questo utile programmino, si chiama CSS Tab Designer e permette di creare dei menù di navigazione (sia orizzontali che verticali) sfruttando vari template pronti per l’uso.
Certo, un buon webmaster dovrebbe fare a meno di questi programmini, ma ciò non toglie che possa risultare utile in molti casi per velocizzare il lavoro.
Il programma è gratuito ed è scaricabile a questo indirizzo.
Nel realizzare il mio ultimo lavoro ho deciso di fare uso dell’ottimo script Lightbox 2.0. Per chi non lo conoscesse è uno script che consente di visualizzare le immagini (solitamente cliccando sulle miniature) con un effetto grafico molto gradevole, ed ha il vantaggio di essere compatibile con tutti i moderni browser.
Unico problema di questo script è il fatto che, se si vogliono visualizzare più immagini come facenti parte della stessa galleria, la sintassi da utilizzare nel link è del tipo:
<a href=”image.jpg” rel=”lightbox[1]“>
Il problema in questo caso è rappresentato dal fatto che il carattere “[” genera un errore di validazione se si sta lavorando in XHTML 1.1. Leggi tutto »
