Tutorial CSS3: creare bordi con le immagini (border image)

Continua la nostra vetrina sulle nuove regole del W3C riguardanti i fogli di stile. Una delle nuove attesissime funzionalità previste dalle direttive CSS3 riguarda la possibilità di utilizzare delle immagini per creare bordi degli oggetti in modo più stiloso. Lo scopo di questa funzionalità è quello di poter utilizzare un’immagine quale bordo di un oggetto, con la possibilità di applicarle alcuni semplici e comuni effetti grafici.

Questa direttiva è ancora in piena fase di studio, per cui ci limiteremo ad esaminare l’implementazione abbozzata dagli unici browser che dispongono di un’anteprima di questa feature. Questi browser sono quelli che si appoggiano sul motore open-source WebKit, vale a dire Chrome e Safari, con la proprietà -webkit-border-image. Per Firefox bisognerà aspettare il rilascio della versione 3.1, attualmente disponibile in beta, che renderà finalmente disponibile la sua proprietà -moz-border-image.

Tutorial CSS3: angoli arrotondati (border radius)

Le nuove direttive del W3C riguardanti i fogli di stile, giunte alla loro terza versione CSS3, sono ancora allo stato di bozza; ma nella certezza che prima o poi usciranno dal loro stato larvale, è interessante gettare uno sguardo al futuro.

Questo va fatto restando nei limiti dello scarso supporto che le nuove specifiche riscontrano nei vari browser; infatti solo quelli basati su Mozilla e su Webkit hanno finora implementato delle versioni funzionanti con cui è possibile provarle in anteprima.

10 tutorial jQuery per creare menu di navigazione cool

La navigazione è un elemento molto importante nel Web Design: per questo motivo, spesso si punta ad ottenere menu di navigazione semplici e intuitivi, il più possibile a misura di utenti. Semplicità, però, non è sinonimo di grafica basic e di effetti grafici pari a zero: un menu può essere pulito e visivamente piacevole anche con qualche elaborazione aggiuntiva.

Integrare il menu del proprio sito con alcuni effetti interessanti aiuta a migliorarne l’aspetto e dà quel tocco in più. Se siete alla ricerca di un menu un po’ diverso dal solito, jQuery è l’opzione migliore; ecco 10 ottimi tutorial per creare menu di navigazione ad alto impatto mixando jQuery e CSS.