Rollover: nuove idee con i CSS

Un articolo piuttosto recente e divenuto ormai famoso tra gli appassionati di CSS
è Creating a Star Rater
using CSS, un tutorial in cui si spiega come ottenere un meccanismo di
votazione con i CSS: il risultato è molto
accattivante e decisamente intuitivo per l’utente.

Due parole sull’implementazione: per la comprensione della tecnica ci sono alcuni elementi
chiave: il fast CSS rollover, i posizionamenti assoluti, il cambio di dimensioni dei link
in stato :hover e soprattutto l’ uso sapiente dello z-index. Il CSS è semplice, anche se
un po’ lunghetto.

Komomedia, il sito che ospita l’articolo mi era già noto
per la sua menzione su uno dei miei siti preferiti:
Devil’s detail, che si occupa di evidenziare
soluzioni e dettagli di interfacce e widget di siti web. In effetti, il menu laterale che
combina tabs e scroller con CSS e Javascript è sorprendente. Ho un po’ di dubbi sulla
sua usabilità con Javascript disabilitato…

Tornando ai menu con rollover, un altro articolo recente degno di nota è
Running with Sprites
(su un altro sito davvero spettacolare) in cui un menu con rollover viene assegnata anche un’immagine per
lo stato attivo. Il risultato è
davvero interessante, mi raccomando non perdetevi l’esempio con Gundam.

Infine, per un ripasso sui menu con rollover via CSS ricordo la serie sui Menu grafici e semigrafici
con i CSS nella sezione omonima di PRO. Ecco i link agli articoli:

• Parte I: menu semigrafici
• Parte II: fast CSS rollover
• Parte III: rollover su immagini
• Parte IV: fast CSS rollover rivisto
• Parte V: navigation matrix

In particolare da non perdere l’ultimo della serie, il mio preferito.