# 008: Photoshopping del pattern del modulo - Trucchi CSS

Anonim

L'intero sito si baserà su "moduli". Ogni piccola cosa sarà letteralmente in una scatola (sia visivamente che nel codice, in definitiva). Iniziamo con un modulo per il post del blog più recente sulla home page, ma il modello del modulo verrà utilizzato ovunque. Commenti individuali, aree della barra laterale come "The Poll", pubblicità ... tutto.

Una volta installato questo modulo di articolo di base, lavoriamo su un po 'di tipografia al suo interno. Usiamo un vero titolo del post (una buona idea per avere un'idea della lunghezza di qualcosa di reale), ma poi usiamo Lorem Ipsum (sussulto!) Per l'estratto (pratico).

Introduciamo alcuni nuovi caratteri. Le intestazioni (in un mondo perfetto) saranno Whitney Condensed Bold e la copia del corpo sarà Whitney regolare.

Introduciamo il concetto di "quadratino colorato" per i moduli. Questo si blocca a lungo nel processo di progettazione ma (come puoi vedere sul sito se siamo ancora sulla v10) alla fine si trasforma in una barra colorata.