Вёрстка

Dive Into HTML5

http://css3please.com/

http://paulirish.com/2012/box-sizing-border-box-ftw/

Идеальный набор для тестирования вёрстки: IE6, IE7, IE8, Firefox, Safari, Opera, Chrome. Все виртуализированы и могут работать параллельно.

FireBug

Web Developer Toolbar

http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en (IE)

Dragonfly (Opera)

Image optimization - 7 mistakes

CSS Layout Generator (Dimox)

Nth-Child Visual Calculator

css-framework

Fluid 960 Grid System

The 1KB CSS Grid

Вес селекторов в CSS

http://www.webdevout.net/

http://haslayout.net/

Вёрстка независимыми блоками

Отдельные файлы для Opera, Safari при помощи @media

Отдельный файл для Opera можно подключить как type=«opera/css».

Элементы с float лезут за пределы блока — overflow: hidden; zoom: 1 и более человечные методы

Кроссбраузерный способ переноса строк в code и pre

display:inline-block для всех браузеров

Прилепленный к низу футер и ещё один

Заменяем стандартный элемент input file

Однопиксельные прозрачные уголки

Украшаем input с помощью CSS

Условные комментарии

PNG, лучший из фиксов пока DD_belatedPNG

hover

IE6 дублирует margin для элементов с float — применяем к ним display: inline.

Ненулевая высота для элемента с height: 0 — line-height: 0

Перекрываем select в IE6

Веб-дизайнеру на заметку

Совместимость браузеров с селекторами и свойствами CSS

Вёрстка для почтовых клиентов

Очистка float у блоков