Префикс или постхак

В то время, как поддержка CSS в браузерах улучшается с каждым днём — включая впечатляющие успехи команды разработчиков IE9 — всё больше и больше авторов увлекаются CSS3. По этой причине им приходится сталкиваться с браузерными префиксами — свойствами вида -*-, вроде -moz-border-radius, -webkit-animation и так далее.

Пуленепробиваемый шаблон для разработки HTML5-сайтов

HTML5 Boilerplate — это HTML/CSS/JS шаблон для всех маньяков, пишущих быстрые, неглючные и ориентированные на будущее сайты.

В нем собраны лучшие хаки для кросс-браузерной совместимости, настройки производительности и даже таких вещей, как кросс-домменых Ajax запросов и Flash. А наш пример .htaccess для Apache поможет настроить правила кеширования, сжатия (gzip!) и подготовит ваш сайт к работе с HTML5 видео и @font-face.

Эрик Мэйер обновил свой reset.css

p>Эрик Мэйер обновил свой reset.css и ввел в него поддержку HTML5, добавил embed, output, и ruby в первое правило.

Убрал command и outline (из первого правила), так как при обнулении данного свойства практически невозможно осуществлять навигацию по сайту без наличия мыши.

Вкладки (табы) на чистом CSS

Обнаружил в интернете очень простой способ создания табов (сменяющих друг друга блоков с контентом). Обычно подобные вещи делаются с помощью javascript, либо сейчас еще экспериментируют с CSS3. Данный пример обходится без этого.

«Лечим» text-align: justify

Стандартное выравнивание текста при помощи стилей text-align: justify, мягко говоря, выглядит корявенько из-за наличия огромных промежутков между слов. Если при помощи CSS-свойства word-spacing выставить минимально допустимое расстояние между слов, то отображение текста, выравненного по ширине, станет более лаконичным.

Таблица соответствия размеров шрифтов в CSS

Не важно каким способом задания размера шрифта в CSS вы пользуетесь, но иногда бывает необходимость посмотреть, какое значение соответствует текущему в другой системе единиц (например, какому размеру в px или %, будет соответствовать шрифт, размером 1.4 em) или быстро перевести одни размеры в другие.

Это скорее фича, чем бага

Столкнулся с непонятной мне ошибкой или, наоборот, фишкой в браузере FireFox. По каким-то странным причинам этот браузер стал мне рисовать рамки у таблиц, хотя все они обнулены в reset.css (от Эрика Мейера). Стал копаться и вот до чего дошёл.