css rollover

Non troppo tempo fa, la grafica di una pagina HTML era costituita da uno sfondo che veniva ritagliato con un programma di grafica in segmenti più piccoli, detti slice, i quali venivano usati come background di celle di una grande tabella per formare il template del sito.
Questa tecnica, comoda per i grafici meno esperti che in un attimo trasformavano la loro opera in una pagina HTML, complicava decisamente la vita a chi doveva poi inserirvi il codice limitandolo ai bordi delle celle predefinite.
Un migliore utilizzo del CSS ha risolto questo problema dando la possibilità di inserire queste immagini grafiche come sfondo degli elementi HTML, rendendo il codice della pagina più leggero e semplice da leggere ai motori di ricerca, semplificando quindi anche il lavoro dell’esperto di SEO e liberando lo sviluppatore dai confini delle celle della tabella grafica.
I CSS Sprite rappresentano un’evoluzione naturale di questo concetto, migliorando ulteriormente la leggibilità del codice e una sua eventuale modifica, oltre a velocizzare il lavoro del webdesigner.
Leggi il resto di CSS Sprite, rollover per immagini e menu »

Ritieni questo post utile o interessante?
Condividi e Segnala

Per chi ancora usa Javascript per inserire bottoni in rollover all’interno del proprio sito eccovi un tutorial per il CSS rollover, semplice ma molto funzionale.
I vantaggi rispetto all’uso del rollover Javascript sono il funzionamento sui browser con lo script disabilitato, implementazione velocissima, migliore leggibilità del testo da parte del browser e dei motori di ricerca e notevole risparmio di tempo nel caso vogliate cambiare o eliminare l’effetto in seguito.

Leggi il resto di Bottoni rollover col CSS »

Ritieni questo post utile o interessante?
Condividi e Segnala