CSS
HTML5 Boilerplate — лучший шаблон для HTML5
HTML5 Boilerplate — этоодин из лучших HTML/CSS/JS шаблонов для HTML5/CSS3 разметки с добавлением некоторых улучшений и оптимизаций.
Основные возможности:
- кроссбраузерный
- совместим с IE6
- HTML5/CSS3
- правила для сжатия и кеширования в .htaccess
- оптимизация под мобильные браузеры
- стили для iOS и Android OS
- кросс-доменная поддержка для AJAX и Flash
- стили для печати и т.п.
ReCSS — перезагрузка CSS-файлов
Частая проблема в процессе веб-разработки, когда что-то изменилось в CSS-файле, а страницу перегружать не хочется или даже после перезагрузки новые стили не подгружаются, а берутся из кэша браузера (можно конечно жать CTRL+F5) — можно использовать ReCSS v1.1 — букмарклет (bookmarklet), который принудительно перегружает все CSS-файлы на странице без перезагрузки самой страницы. Просто перетащите его на панель закладок и нажимайте при необходимости... но не чаще 
Сравнительная таблица с формой заказа как на сайте Crazy Egg
Подробное описание с кодом и графикой как сделать сравнительную таблицу с формой заказа как на сайте Crazy Egg.
Переключение вида элементов на странице с помощью jQuery и CSS
Switch display options — руководство от Со Танаки (Soh Tanaka) в котором он показывает быстрый и простой способ, как позволить пользователям вашего сайта переключать расположение элементов страницы, с помощью CSS и jQuery.
Требования: jQuery
Демо Switch display options
quirksmode.org — таблицы совместимости браузеров
На quirksmode.org обновились таблицы совместимости браузеров:
CSS
Объектная модель W3C CSS
События DOM
DOM CSS
DOM HTML
Таблицы для мобильных браузеров:
Общая таблица совместимости
Поддержка CSS
Объектная модель W3C CSS
Скрытое послание
В блоге Ph.Creative приводится интересный пример использования селектора ::selection из CSS3 — «скрытое послание», при выделении текста некоторые слова остаются — из них и состоит скрытое послание, ну а демка вообще порадовала.
Идея проста как два байта:
p::selection {background:#000; color:#000;} p::-moz-selection {background:#000; color:#000;} p span::selection {background:#fff; color:#000;} p span::-moz-selection {background:#fff; color:#000; |
P.S. Ответ на главный вопрос жизни, вселенной и всего такого :)
Кросс-браузерный футер
CSS Sticky Footer - кросс-браузерное решение для закрепления нижнего колонтитула (он же — «подвал», он же — «футер» ) у нижнего края страницы, теперь работает и в Google Chrome.
