Содержание
Вёрстка
HTML5
CSS3
Софт
Оптимизация графики
Полезные онлайн-инструменты
Фреймворки
Полезные знания
Приёмы
Боремся с IE
Покажите это дизайнеру
Сводные таблички
Вёрстка
HTML5
Dive Into HTML5
CSS3
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
Приёмы
Вёрстка независимыми блоками
Отдельные файлы для Opera, Safari при помощи @media
Отдельный файл для Opera можно подключить как type=«opera/css».
Элементы с float лезут за пределы блока — overflow: hidden; zoom: 1 и
более человечные методы
Кроссбраузерный способ переноса строк в code и pre
display:inline-block для всех браузеров
Прилепленный к низу футер
и
ещё один
Заменяем стандартный элемент input file
Однопиксельные прозрачные уголки
Украшаем input с помощью CSS
Боремся с IE
Условные комментарии
hover
Покажите это дизайнеру
Веб-дизайнеру на заметку
Сводные таблички
Совместимость браузеров с селекторами и свойствами CSS
Вёрстка для почтовых клиентов
Очистка float у блоков