# 008: Фотошопінг шаблону модуля - CSS-хитрощі

Anonim

Весь сайт збирається базуватись на "модулях". Кожна дрібниця буде буквально знаходитися в коробці (як візуально, так і в коді, зрештою). Ми починаємо з модуля для останнього допису в блозі на домашній сторінці, але шаблон модуля буде використовуватися скрізь. Індивідуальні коментарі, області бічної панелі, такі як "Опитування", реклама ... все.

Отримавши цей базовий модуль статті, ми працюємо над невеликою кількістю типографіки в ньому. Ми використовуємо справжній заголовок допису (гарна ідея зрозуміти довжину чогось реального), але тоді використовуємо Lorem Ipsum (задихаємось!) Для уривку (практичного).

Ми представляємо кілька нових шрифтів. Заголовки (у ідеальному світі) будуть Whitney Condensed Bold, а основна копія - звичайна Whitney.

Ми представляємо концепцію «маленького кольорового квадрата» для модулів. Це зависає на тривалий час у процесі проектування, але (як ви можете бачити на сайті, якщо ми все ще використовуємо v10), воно в кінцевому рахунку перетворюється на кольорову смужку.