CSS: Image Sprites

In termini di performance delle pagine html noi possiamo ottenere risultati migliori riducendo il numero di richieste che la nostra pagina fa al server (HTTP requests).

A tal riguardo sappiamo che una pagina web con molte immagini può prendersi molto tempo per caricare, generando multiple richieste al server. Attraverso i CSS sprite (collezioni di immagini inserite all’interno di una singola immagine) noi riduciamo il numero delle richieste HTTP al server e risparmiando larghezza di banda.

… 

 

CSS: Tecniche di Image Replacement

Le tecniche di Image Replacement sono metodi css che permettono di sostituire il testo di un elemento html con una immagine di sfondo. Lo scopo è quello di rendere il sito accessibile ai programmi screen reader e ai motori di ricerca, senza rinunciare al testo con effetti grafici che di solito possono essere ottenuti solo con un’immagine.

… 

 

CSS: creare colonne della stessa altezza

Creare colonne con background colorati può essere utile per vari motivi ma anche semplicemente un modo per dare più colore alle nostre pagine. Questo però fa nascere un problema molto comune, quello di ritrovarsi colonne che non hanno uguale altezza se le varie colonne hanno contenuti di diversa lunghezza.

… 

 

CSS: layout ibridi

In molti casi ci troviamo di fronte a layout ibridi che usano una combinazione di empx% come misure.

Ciò avrà un senso in casi con particolari esigenze, ad esempio se hai una sidebar che debba contenere un determinato banner con una precisa misura. In tal caso si darà alla sidebar la misura necessaria in px e si fa in modo di consentire alla colonna accanto di adeguarsi allo spazio restante.

… 

 

CSS: layout elastico

Il layout elastico è un tipo di layout dove la lunghezza delle linee si accoppia con la misura del testo: tali layout si espandono e si contraggono in relazione alla misura del testo; più largo è il testo più largo sarà il box che lo contiene. Vediamo le differenze con gli altri tipi di layout.

…