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.

Continua a leggere Rollover: nuove idee con i CSS

Categoria: CSS