Dalla proposta grafica al CSS – Vestiamo l’header

17/11/10
Di: postato alle: 19:03
Filed under: Web — Tag:, , , , , , — @ 19:03

photoshop_iconCi 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.

Griglia 960. E se provassimo a usarne un’altra?

19/10/10
Di: postato alle: 13:41
Filed under: Web — Tag:, , , , , — @ 13:41

grid-titleFino 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

01/10/10
Di: postato alle: 13:51
Filed under: Web — Tag:, , , , — @ 13:51

gzipOggi 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

10/08/10
Di: postato alle: 18:25

photoshop_iconContinuiamo 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.

« Articoli successiviArticoli precedenti »