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 era comoda per i grafici meno esperti che in un attimo trasformavano la loro opera in una pagina HTML ma 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, una sua eventuale modifica e velocizzando anche il lavoro del webdesigner.
LEGGI IL RESTO »

Ritieni questo post utile o interessante?
Condividi

Leggi anche:

• » HTML Quiz: quante ne sai in 5 minuti?
• » Bottoni rollover facili col CSS
• » CSS Reset: il tuo stile uguale su tutti i browser

Per chi ancora usa Javascript per inserire bottoni in rollover all’interno delle proprie web application illustro questo metodo CSS semplice ma molto funzionale.
I vantaggi rispetto all’uso del Javascript sono il funzionamento sui browser con Javascript 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 »

Ritieni questo post utile o interessante?
Condividi

Leggi anche:

• » CORNICI ORIGINALI E DI EFFETTO IN PHOTOSHOP IN POCHI SECONDI
• » Layout liquido: CSS box espandibili con una sola immagine
• » Cornici a tema in 5 minuti