# 008: Photoshopping vzorca modula - CSS-triki

Anonim

Celotno spletno mesto bo temeljilo na "modulih". Vsaka malenkost bo dobesedno v škatli (navsezadnje vizualno in v kodi). Začnemo z modulom za najnovejšo objavo v spletnem dnevniku na domači strani, vendar bo vzorec modula uporabljen povsod. Posamezni komentarji, področja stranske vrstice, kot je »Anketa«, oglasi ... vse.

Ko vzpostavimo ta osnovni modul za članek, v njem delamo malo tipografije. Uporabljamo pravi naslov objave (dobra ideja, da dobimo občutek dolžine iz nečesa resničnega), nato pa za odlomek (praktično) uporabimo Lorem Ipsum (dah!).

Predstavljamo nekaj novih pisav. Glave (v popolnem svetu) bodo Whitney Condensed Bold, telesna kopija pa navadna Whitney.

Predstavljamo koncept "majhnega barvnega kvadrata" za module. To dolgo traja v postopku oblikovanja, vendar (kot lahko vidite na spletnem mestu, če smo še vedno v različici 10), se na koncu spremeni v barvno vrstico.