Выпадающее меню средствами только CSS

Вместо краткого введения

Довольно часто мне требуется ставить на сайты вертикальное меню. И, иногда, заказчики просят сделать так, чтобы подменю раскрывалось не как подпункт, а раскрывалось отдельным блоком правее основного меню, его подменю еще правее и так далее…

Я долго искал решения в интернете, но почему то вертикальные выпадающие меню не такие уж популярные, чего не скажешь о горизонтальных, который хоть «пятой точкой» ешь. Читать далее «Выпадающее меню средствами только CSS»

Кросс-браузерные CSS3

CSS3 Please!

Поддерживаемые CSS3-правила: border-radius, box-shadow, linear-gradients, rotation, rgba colors и @font-face. Для совместимости с Internet Explorer используются его встроенные фильтры.

CSS3 Generator

Поддерживает CSS3-правила: border-radius, shadow, text-shadow, rgba colors, @font-face, multiple columns, box sizing и многое другое.

Взято с css3.info

Вышла предварительная версия Internet Explorer 9

16 марта 2010 года, Microsoft предоставила более подробную информацию о грядущем браузере Internet Explorer 9 и выложила превью версию своего детища.

В заявлениях говорится об улучшении поддержки CSS3 селекторов. Так же в них обещается поддрежка CSS3 селекторов, пространства имен, цветов, значений фонов, рамок и шрифтов вкупе с усилением поддержки HTML5 и улучшения производительности JavaScript.

Доступная для скачивания превью версия IE идет с набором демонстраций, таких как CSS3 border-radius и селекторов. Кстати, превьюшка отлично показывает себя в тесте CSS3-селекторов. В нем она набирает 578 очков из 578 возможных.

Узнать больше можно в блоге IE или закачав превью версию тут.

Вольный перевод вот этой статьи.
Автор: Chris
Источник: www.css3.info

Колонки одинаковой высоты средствами только CSS

Часто при блочной верстке встает проблема выравнивания колонок по высоте. Обычно используют (по крайней мере я использовал) ява скрипты. Но мне это надоело, тем более что часто при их использовании возникал глюк в IE — при скроле страницы до самого низа, скрипт скролил обратно и в зависимости от версии этого саомго IE, скролил он на разные высоты — от 5px да 150px вверх. Меня это жутко раздражало, поэтому я все время искал, как бы сделать выравнивание колонок средствами c CSS. Способ нашелся!
Читать далее «Колонки одинаковой высоты средствами только CSS»

Таблица конвертации em,px,pt и % в css

В продолжение к предыдущей заметке: так же частенько при верстке приходится переводить значения из одной единицы измерения в другую.
Самый лучший способ это сделать — использовать калькулятор, но иногда можно воспользоваться уже готовой таблицей соответствия, при условии, что дефолтный font-size у body (16px) не изменен на другое значение.
Кстати, таблица не совсем точная, но тем не менее очень полезная.
Читать далее «Таблица конвертации em,px,pt и % в css»