Archivio per la tag ‘xhtml’

Creare un effetto su blocchi con sfumatura di tonalità(0)

Volevo creare un effetto gradevole utilizzando tutto il blocco all’interno del quale risiede il link; certo la cosa non risulta complessa, ma la mia idea era quella di poter ottenere un effetto simile a quello che si può ammirare con Flash, e cioè una sorta di graduale sfumatura dello sfondo fino a giungere alla tonalità [...]

Effetto caricamento con i CSS(5)

Attualmente mi stò interessando molto all’uso di AJAX (Asynchronous JavaScript and XML) una tecnica per sviluppare applicazioni web interattive e dinamiche.
Uno degli interessanti effetti grafici di AJAX riguarda il sistema di caricamento delle immagini e contenuti tramite il browser; uno splendido esempio si può visionare sul sito LightBox 2 al momento di caricare l’immagine.
Quello che [...]

Box fisso con ombra(13)

L’effetto ombra è ormai entrato da un pò di tempo nella gestione delle immagini dei siti internet; molto spesso questa caratteristica viene gestita dai CSS. A riguardo vi consiglio di dare un’occhiata all’articolo di 1976design.
L’argomento trattato in questo tutorial non è propriamente legato all\’utilizzo di questa possibilità, ma spiega come poter ottenere un box [...]

Creare un menu di navigazione con effetto rollover con i CSS partendo dalla grafica(0)

A mio parere l’ausilio dei CSS da parte dei web designer ha permesso effetti grafici molto tempo fa impossibili, basti dare un’occhiata a ciò che CSS Zen Garden contiene per capire quanto questi strumenti riescano a dare il meglio di loro.
Però anche i fogli di stile presentano i loro limiti, come quello legato all’import dei [...]

Drop-Down Menu e stile orizzontale(2)

L’articolo (in lingua inglese) proviene da A List Apart ed è stato tradotto e riprodotto per gentile concessione dell’autore Nick Rigby.
Chiunque abbia creato un menù Drop-Down avrà certamente familiarità con la grande quantità di script che i menù tipicamente richiedono. Ma usando HTML e il semplice CSS è possibile creare un Drop-Down menù facile da [...]

Un menu di navigazione stile Mac(0)

Abbiamo già affrontato altre volte l’argomento di quanto ormai i CSS e i JavaScript siano legati fra loro, questo articolo è un esempio calzante di quello che si può ottenere sapendo sfruttare al meglio le due tecnologie con un occhio rivolto anche all’aspetto estetico.
Come è ormai noto in tutto il mondo le intelaiature grafiche di [...]

Box liquido con angoli arrotondati II(0)

Alla fine dell’articolo “Box liquido con angoli arrotondati” mi enunciavo in una esclamazione:
Questa tecnica ci permette di ottenere la fluidità del box ad un eventuale aumento delle dimensioni del testo, ma presenta la limitazione legata al fatto che se volessimo cambiare colore di sfondo dovremmo per forza lavorare con un software di grafica e modificare [...]

Box liquido con angoli arrotondati(1)

La tecnica dei box con angoli arrotondati non è certo una novità, basti pensare all’ottima procedura creata da Dan Cederholm, che ha permesso di ottenere box “morbidi” con facilità in un momento in cui sul web erano cool.
La tecnica di Cederholm presenta però una limitazione: il box risulta rigido. Questo perché basato sull’utilizzo di due [...]

Immagini e testo all’interno di un box(0)

Come si può ottenere un box con un bordo che cambia colore al passaggio del mouse e che contiene un’immagine e del testo?

Creare didascalie sotto le immagini con i fogli di stile(0)

Impariamo a generare delle didascalie da applicare alle nostre immagini