# 008: Photoshopping del patrón del módulo - Trucos CSS

Tabla de contenido

Todo el sitio se basará en "módulos". Cada pequeña cosa estará literalmente en una caja (tanto visualmente como en el código, en última instancia). Comenzamos con un módulo para la publicación de blog más reciente en la página de inicio, pero el patrón del módulo se usará en todas partes. Comentarios individuales, áreas de la barra lateral como “The Poll”, anuncios… todo.

Una vez que tenemos este módulo de artículo base en su lugar, trabajamos en un poco de tipografía dentro de él. Usamos un título de publicación real (una buena idea para tener una idea de la longitud de algo real), pero luego usamos Lorem Ipsum (¡jadeo!) Para el extracto (práctico).

Presentamos algunas fuentes nuevas. Los encabezados (en un mundo perfecto) serán Whitney Condensed Bold y el cuerpo del texto será Whitney normal.

Introducimos el concepto de “el pequeño cuadrado de color” para los módulos. Esto se mantiene durante mucho tiempo en el proceso de diseño, pero (como puede ver en el sitio si todavía estamos en la v10) finalmente se transforma en una barra de color.

Articulos interesantes...