My Blog

Nasce CSSMagazine

Lavori, News sito, Web Design Nessun commento »

Da qualche giorno è online il mio nuovo blog. Si chiama CSSMagazine ed è dedicato al mondo del web design. Conterrà news, risorse gratuite, tutorial, script e molto altro. Non è ancora in versione definitiva, ma sto cercando di tenerlo aggiornato quotidianamente e di spamm… ehm di promuoverlo adeguatamente :)
Cosa aspettate a visitarlo? :D

CSSMagazine



Il mio sito su CSS Glance

Curiosità, News sito, Web Design Nessun commento »

Un po’ in ritardo, ma il mio sito è stato segnalato anche su CSS Glance l’8 febbraio.
Non ha ricevuto nessun voto… quindi provvedete :)



Italia Web Star: Sito a 3 stelle!

Curiosità, News sito, Web Design Nessun commento »

Italia Web Star - sito a 3 stelle

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 :D



Anche il mio sito su Screenalicio.us

Curiosità, News sito, Web Design Nessun commento »

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 :D
Per quanto riguarda le altre segnalazioni, ancora non ho ottenuto nessun riscontro.

Deepbluemedia @ Screenalicio.us

Curiosità, Lavori, Web Design Nessun commento »

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!

Anno nuovo, sito nuovo

News sito, Web Design Nessun commento »

“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à :D

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 ;)

Internet Explorer 6 e immagini PNG

Web Design 2 Commenti »

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:

  • non funziona sulle versioni di IE precedenti alla 5.5;
  • le immagini “processate” dallo script non possono essere cliccate e salvate col tasto destro del mouse;
  • lo script utilizza una particolare estensione della Microsoft per i CSS, la proprietà “behavior”; questo vuol dire che tale riga verrà interpretata solo dai browser Microsoft e che non creerà ovviamente problemi agli altri browser, ma comporterà la segnalazione di un errore al momento della validazione CSS;
  • le immagini ripetute come sfondo (repeat-y o repeat-x)… non vengono ripetute! (secondo l’autore, si tratta di una limitazione del filtro di rendering di IE6)
  • per le altre immagini PNG contenute nella pagina dovete dichiarare espressamente le dimensioni (altezza e larghezza), altrimenti verranno visualizzate con dimensioni errate;
  • all’apertura della pagina, può passare qualche secondo (ma in genere è quasi istantaneo) in cui le PNG non vengono visualizzate con le trasparenze (è necessario che si attivi il filtro di IE).
  • gli sfondi con allineamento verticale in basso vengono comunque visualizzati con allineamento in alto.

Online il sito della Deepbluemedia

Lavori, Web Design Nessun commento »

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:

Deepbluemedia - Screenshot

… mentre qui potete trovare la scheda dettagliata.

Font dei più famosi loghi Web 2.0

Web Design Nessun commento »

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/

Web 2.0 fonts

CSS Remix: stupendo!

Web Design Nessun commento »

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.trevorsaint.com

http://www.ndesign-studio.com

http://www.webdesignerwall.com

http://snook.ca/jonathan/

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 ;)

 WP Theme & Icons by N.Design Studio

RSS Post RSS Commenti Accedi