Dalla proposta grafica al CSS – Come affrontare il layout

27/01/12
Di: postato alle: 10:50
Filed under: Web Design — Tag:, , , , , , — @ 10:50

Ritorniamo a parlare di conversione di una proposta grafica in una pagina HTML + CSS funzionale. Di tempo ne è passato, in questo anno tanti strumenti sono cambiati e sono emersi diversi modi di affrontare il flusso di lavoro per ottenere risultati differenti. Sono tuttavia convinto che il metodo di approccio che abbiamo visto nei post precedenti sia ancora un buon inizio per prendere confidenza con gli strumenti.

9 Slices Scaling. Sfondi ridimensionabili con i CSS3

31/01/11
Di: postato alle: 19:04
Filed under: Web Design — Tag:, , , , — @ 19:04

titleOggi vorrei fare un po’ di pratica e qualche esperimento riguardante background-image e la sua applicazione con immagini multiple.
In particolare mi piacerebbe avere un elemento che possa essere allungato e allargato nel suo contenuto senza accrocchi particolari o limitazioni, senza scomodare Javascript.

Dalla proposta grafica al CSS – Layer Styles e CSS

13/12/10
Di: postato alle: 17:33
Filed under: Web Design — Tag:, , , , , , — @ 17:33

photoshop_iconNello scorso articolo abbiamo parlato dei vantaggi e degli svantaggi di usare un approccio ai CSS3 rispetto ad un approccio classico ed abbiamo infine vestito l’header della nostra pagina di esempio. Oggi completiamo la parte mancante dell’header della nostra pagina utilizzando di nuovo alcune proprietà CSS3 senza ripeterci sui problemi di compatibilità ma confidando che questi nel lungo periodo diventino lo standard.

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.

Articoli precedenti »