Categoria: Web Design

Torna al blog

IWD Award di marzo

IWD Award Marzo

Stamattina controllando l’email ho avuto la piacevole sorpresa di essere stato eletto come sito del mese di marzo su Italian Web Design. Che dire? Ovviamente mi fa molto piacere, ringrazio lo staff per avermi premiato e le persone che hanno commentato o proposto dei suggerimenti, sempre utili per migliorare il proprio lavoro.

Grazie a tutti! :D

Nasce CSSMagazine

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

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!

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

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

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

“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

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

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

Rimaniamo in contatto?

© 2022 - Pier Antonio Romano
ogni riproduzione è vietata

Privacy & Cookie Policy