Nella realizzazione di un sito può capitare di dover implementare uno scroll verticale dei contenuti. Sfruttando le proprietà del CSS è facile ottenere un DIV scrollabile,  ma le barre di scorrimento visualizzate saranno quelle tipiche di Windows, che ovviamente mal si adattano al nostro design. Non sono utili neanche i vari tweak che permettono di modificare i colori delle barre di scorrimento, in quanto sono fuori standard e funzionano solo con Internet Explorer.

Ci vengono dunque in aiuto i numerosi Javascript che ci consentono di implementare lo scroll e di personalizzare il look dei pulsanti di scorrimento. Uno di questi è Easy Scroll 1.0, realizzato da CSS Globe; di semplice utilizzo, è completamente personalizzabile nel funzionamento e nel look, offre doppia velocità di scorrimento e un pulsante di “reset” per riportare il contenuto alla posizione iniziale.
Potete vedere una demo a questo indirizzo.

I badges sono sicuramente uno degli elementi maggiormente utilizzati nella creazione di siti web 2.0. Oggi vi segnaliamo una raccolta di 36 badges dal design creativo, utili per ispirarsi e per allontanarsi dal classico badge creato con i generatori online.

Transmission è un interessante tema per Wordpress, rilasciato dall’autore in 8 diverse combinazioni di colori e con alcune funzionalità interessanti:

• integrazione con Flickr
• messa in rilievo dell’ultimo post, con possibilità di inserimento di un’immagine
• controllo dei post da visualizzare sulla home page
• sidebar predisposta per i widget

Per ulteriori informazioni, potete visitare questa pagina.

Link:  Demo / Download

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!