Siete stanchi delle diverse centinaia di gallerie che ripropongono sempre gli stessi siti? Allora potete provare a dare un’occhiata ad Oriental Gallery, una web gallery che ospita solo siti orientali.

Benchè il progetto sia evidentemente ancora giovane (tutta la selezione occupa “appena” 12 pagine, contro le centinaia/migliaia delle gallerie più famose), vale comunque la pena di dargli un’occhiata, si possono ricavare delle ispirazioni interessanti.

Chi non conosce il famosissimo Lightbox, lo script leggerissimo, elegante e cross-browser che permette di visualizzare un’immagine in un box che si sovrappone alla pagina?

Questo che vi proponiamo oggi, seppure tecnicamente abbastanza diverso, produce un effetto grafico abbastanza simile.
Ha però una peculiarità importantissima: permette di visualizzare non solo immagini in qualunque formato, ma anche video in vari formati, testo (con tanto di tag HTML) e addirittura siti esterni.

Lo script è scaricabile a questo indirizzo, dove trovate anche la relativa documentazione e una demo. E’ compatibile con i principali browser e richiede il framework Mootools per poter funzionare.

Una tendenza molto diffusa negli ultimi tempi è quella di inserire nelle proprie pagine delle aree a scomparsa, che possono essere espanse/ridotte per visualizzare ulteriori informazioni. Questa pratica, oltre ad aggiungere (se ben realizzata) un elemento di originalità al proprio design, presenta dei vantaggi anche dal punto di vista comunicativo: permette infatti di nascondere informazioni superflue, favorendo la concentrazione del visitatore su quello che è il messaggio principale contenuto nella pagina.

L’immagine all’inizio del post rappresenta un esempio di utilizzo di questa tecnica. Toggle, web agency londinese, ha infatti utilizzato questa tecnica nel suo nuovo sito per nascondere i servizi destinati ai clienti.

Vediamo ora come realizzare un effetto simile sfruttando Mootools e una semplice funzione javascript.
Leggi tutto »

Nel bene o nel male, i CSS sono ormai entrati a fare parte dell’esperienza quotidiana di un buon web designer. Oggi vogliamo suggerirvi alcuni trucchi per semplificare il lavoro e per produrre un foglio di stile facilmente leggibile e modificabile (caratteristica estremamente importante non solo nell’eventualità di doverlo modificare in futuro, ma soprattutto nel caso in cui si rilasci un template o comunque un lavoro sul quale dovranno mettere le mani altre persone).

Leggi tutto »

Quando si crea una pagina con delle proprie foto può essere interessante, per dare maggiore dinamicità al tutto, inserire degli effetti di transizione tra le immagini. In passato l’unico modo per inserire effetti del genere era ricorrere all’utilizzo del Flash. Oggi abbiamo a disposizione tantissime soluzioni Javascript che ci consentono di realizzare degli effetti gradevoli senza dover inserire pesanti animazioni nei nostri siti.

Leggi tutto »

Una delle caratteristiche più amate del sistema operativo Apple è senz’altro la dockbar, ovvero quella barra situata nella parte bassa dello schermo che permette di lanciare le applicazioni e/o passare da un’applicazione all’altra.

Oggi, grazie ad un semplice javascript, è possibile inserire una dockbar in stile Mac sul proprio sito.
Leggi tutto »

Izzymenu è un servizio gratuito che consente di creare in pochi minuti un menù in CSS.
E’ possibile scegliere tra una nutrita gamma di stili, alcuni dei quali anche molto curati, e impostare le diverse opzioni del proprio menù, sia per quanto riguarda l’aspetto grafico che per quanto riguarda la struttura e i link.
Registrandosi si ha inoltre la possibilità di salvare una raccolta dei menù da noi creati.

Una volta completata l’opera, possiamo cliccare sul link “Download” e scaricare il frutto delle nostre fatiche. E’ possibile utilizzare il menù col CMS IzzyWebsite, oppure integrarlo nel proprio sito, semplicemente copiando e incollando il codice scaricato.

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.

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. Leggi tutto »