Nell’ultimo post ho avuto modo di giocare con le trasformazioni del canvas. Mi è venuto in mente che potesse essere utile avere una classe in mootools che prendesse un’immagine presente nella pagina e mi desse la possibilità di fare un flip orizzontale (o verticale della stessa) per ogni evenienza.
Creare un Image Flip con i canvas
Dalla proposta grafica al CSS – Layer Styles e CSS
Nello 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
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.
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.



