Layout

CSS Gap Decorations

Com suporte total no Chrome e no Edge, as gap decorations do CSS já permitem estilizar os espaços de grid e flexbox com bastante controle.

A grande expansão do CSS

Item Flow: o novo sistema de layout para CSS

Layouts com CSS Grid e minmax()

Slanted shapes (formas diagonais) com CSS

O macete para unidades de viewport em mobile

Você deve saber isso sobre unidades de viewport

4 Layouts mais comuns com CSS Grid

CSS Grid intrinsecamente responsiva com minmax() e min()

CSS e o Contexto de Formatação de Bloco (Block Formatting Context)

hack flex-grow 9999: o hack de Flexbox que você precisa conhecer

CSS Grid: o jeito certo

Como criar templates com CSS Grid

Flexbox: como passar para a próxima linha fácil

Variáveis CSS são melhores que loops de Sass?

Diquinhas marotas de CSS Grid (parte 2)

O poder de flex-grow em Flexbox

Diquinhas marotas de CSS Grid (parte 1)

Curso "Flexbox: o guia completo"

Porque CSS Grid é melhor que Bootstrap para criar layouts

Curso "CSS Grid: o sistema definitivo de layouts"

Você não precisa de um framework CSS Grid

Imagem de largura total em layout com limite de largura

Retrospectiva 2015

Flexbox

Unidades de CSS moderno: rem, vh, vw, vmin, vmax, ex, ch

Prevenindo "layout thrashing" com FastDom

Tipografia responsiva: melhores artigos e tutoriais

UIkit: framework front-end modular responsivo

5 armadilhas de web design responsivo a evitar

As novas regras da web responsiva

Twitter Bootstrap

Elementos de design aplicados à Web

Wireframes para web: guia completo de desenvolvimento

10 erros básicos de web design

URLs longas apresentadas corretamente com CSS

Ferramentas para criação de wireframes

7 ferramentas para web designs melhores

4 elementos de design para um bom call to action

User Interface em dicas rápidas

CSS float: considerações, dicas e macetes para bons layouts na web