# 008: Photoshoppen van het modulepatroon - CSS-trucs

Anonim

De hele site wordt gebaseerd op 'modules'. Elk klein ding zal letterlijk in een doos zitten (zowel visueel als in de code, uiteindelijk). We beginnen met een module voor de meest recente blogpost op de homepagina, maar het modulepatroon wordt overal gebruikt. Individuele opmerkingen, zijbalkgebieden zoals "The Poll", advertenties ... alles.

Zodra we deze basisartikelmodule hebben geïnstalleerd, werken we er een beetje typografie in. We gebruiken een echte posttitel (een goed idee om een ​​idee te krijgen van de lengte van iets echts), maar gebruiken dan Lorem Ipsum (snik!) Voor het fragment (praktisch).

We introduceren enkele nieuwe lettertypen. De headers (in een perfecte wereld) zijn Whitney Condensed Bold en de body-copy is reguliere Whitney.

We introduceren "het kleine gekleurde vierkant" -concept voor modules. Dit blijft lang hangen in het ontwerpproces, maar (zoals je op de site kunt zien als we nog op v10 zitten) verandert het uiteindelijk in een gekleurde balk.