Ci siamo lasciati molto tempo fa con un articolo della serie riguardante la strada dalla proposta grafica alla pagina finita. Eravamo arrivati a strutturare la pagina web completa senza immagini di sfondo applicate.
Definiti gli elementi HTML, ora però dobbiamo vestirli: vediamo come.
Dalla proposta grafica al CSS – Vestiamo l’header
Griglia 960. E se provassimo a usarne un’altra?
Fino ad oggi ho basato la struttura della pagina web tipo su una griglia con larghezza di 960px divisa in 12 o 16 colonne a seconda dell’esigenza del sito e con un gutter (la divisione tra due colonne) di 20px. Quando si tratta di un sito o un’interfaccia con contenuti limitati questa divisione degli spazi rappresenta un buon compromesso per comodità/versatilità della struttura.
Melanconie e pensieri su CSS e compressioni Gzip
Oggi ragionavo sul fatto che nelle mie interfacce grafiche faccio un uso massiccio di gradienti, bordini di un 1px di dimensione e piccole altre tecniche per aumentare il contrasto tra gli elementi e dargli un aspetto un po’ più 3d.[...]
Dalla proposta grafica al CSS – Le slices di Photoshop
Continuiamo nella strada che porta dalla proposta grafica alla pagina finita. Lo scorso articolo abbiamo visto le proprietà del testo di Photoshop e come convertirle in proprietà del nostro foglio di stile.



