Nel momento in cui realizziamo un menù di navigazione composto da sole immagini e con effetti roll-over (immagini che cambiano al passaggio del mouse), il primo problema che salta all’occhio è quello relativo ad un certo ritardo nel visualizzare l’immagine alternativa, che si traduce nella visualizzazione di un riquadro grigio per 1-2 secondi.

Vediamo insieme come ovviare a questo piccolo inconveniente. In questo articolo esamineremo due soluzioni: la prima prevede l’inserimento di un semplice Javascript nella nostra pagina, mentre la seconda sfrutta la proprietà “background-position” del CSS.

Leggi tutto »

Seguendo l’ormai consolidata moda di proporre delle liste, Noupe propone oggi una rassegna di oltre 60 blog dal design particolare, suddivisi per categorie. Alcuni li conoscerete sicuramente (Web Designer Wall, Pro Blog Design, Octwelve…), ma ci sono anche delle interessanti new entry alle quali vale la pena di dare un’occhiata.

Questo script dal nome simpatico ci permette di creare, al posto delle tristi message box di sistema, delle eleganti notifiche per le nostre applicazioni web. Lo script è basato su mootools, e ci permette di scegliere tra due diversi effetti: Smoke, una sorta di effetto dissolvenza, e Bezel, che unisce dissolvenza e scorrimento.

Per le istruzioni e il download potete visitare questa pagina.

FontStruct è un servizio web 2.0 offerto da FontShop che ci permette, una volta registrati, di creare in maniera del tutto gratuita dei font personalizzati, oppure scaricare quelli già creati da altri.
La creazione avviene tramite una pratica interfaccia suddivisa in griglie; al termine viene generato un font Truetype e possiamo decidere se condividerlo con gli altri utenti del sito (con relativa scelta delle modalità di licenza) o tenerlo solo per noi.

La parziale trasparenza dello sfondo della pagina è un effetto molto efficace per catturare l’attenzione del visitatore, specie se abbinato ad un’accurata scelta dello sfondo. In passato l’uso della trasparenza non ha avuto grande fortuna a causa dello scarso (e per giunta differente) supporto dei vari browser. A partire da Firefox 2.0 e Internet Explorer 7.0 la situazione è decisamente migliorata e quindi possiamo decidere di usare, ovviamente senza abusarne e tenendo conto della leggibilità del risultato finale, questa tecnica.

Entriamo ora nel dettaglio.
Leggi tutto »

I lettori più attenti avranno sicuramente notato come negli ultimi tempi sia sempre più gettonato il cosiddetto “grunge design”. Nella creazione di un design di questo tipo è particolarmente importante la scelta di una texture adatta per lo sfondo del sito (o di parte della pagina). Oggi vi segnaliamo una raccolta di oltre 600 texture grunge ad alta risoluzione (a partire da 2400×1800 pixel), divise per categoria (alluminio, asfalto, mattoni, legno, ecc.), liberamente scaricabili e rilasciate sotto licenza Creative Commons (obbligatorio l’inserimento di un link all’autore).

Link: Grungetextures.com

I puristi del CSS storceranno il naso solo a sentire pronunciare la parola “Flash”.
Bisogna però dire che ci sono alcuni casi in cui il Flash può rivelarsi utile, ma soprattutto per ottenere dei buoni risultati dev’essere usato in maniera originale e creativa (cosa che purtroppo, va detto, non viene fatta nella maggioranza dei siti che sfruttano tale tecnologia).

Smashing Magazine ha pubblicato oggi un post in cui raccoglie 39 esempi di design creativo in Flash.
Da leggere (più che altro da guardare) con attenzione!

Nel momento in cui dobbiamo sviluppare un’area privata per la gestione di un sito, dobbiamo spesso confrontarci con la richiesta del cliente di poter gestire non solo i contenuti ma anche l’aspetto grafico. In questo caso una delle prime possibilità che dovremo implementare sarà quella di rendere selezionabili i colori dei link o di altri elementi del sito. Per facilitare il compito dell’utente, più che una semplice casella dove digitare il codice del colore in esadecimale, può rivelarsi più adatto un “color picker”, o “selettore di colore” .

Leggi tutto »

Photoshop Lady è un sito che raccoglie i link dei migliori tutorial perPhotoshop. Sono suddivisi per categoria (effetti 3d, effetti sulle foto, textures, ecc.), e viene offerta la comoda possibilità di salvare una lista personale di preferiti, per avere sempre sott’occhio i tutorial più interessanti.

Le CSS Gallery sono sempre più numerose, così come numerosi sono i dubbi sulla loro reale utilità.
In questo articolo vogliamo semplicemente mostrarvi come crearne una in pochi minuti, dando per scontato che se avete deciso di realizzarne una lo avrete sicuramente fatto con un’idea di originalità rispetto alle altre gallery già esistenti.

Leggi tutto »