# 008: Фотошопирование выкройки модуля - CSS-хитрости

Anonim

Весь сайт будет основан на «модулях». Каждая мелочь будет буквально помещена в коробку (как визуально, так и в конечном итоге в коде). Мы начинаем с модуля для последней записи блога на домашней странице, но шаблон модуля будет использоваться везде. Отдельные комментарии, области боковой панели, такие как «Голосование», реклама… все.

Когда у нас есть этот базовый модуль статьи, мы работаем над типографикой внутри него. Мы используем настоящий заголовок поста (хорошая идея для получения ощущения длины из чего-то реального), но затем используем Lorem Ipsum (ах!) Для выдержки (практично).

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

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