CSS

Стилизация тега HR с помощью CSS для всех браузеров (IE, Firefox, Opera, Safari)

Стилизуем тег HR, чтобы он выглядел тонкой линией высотой 1px и одинакового цвета во всех браузерах.

Модифицируем CSS свойства через JavaScript

Представляю Вашему вниманию универсальный метод для манипулирования CSS свойствами в Javascript сценариях. Протестировано во всех современных браузерах (включая IE6).
Теги:

Горизонтальное и вертикальное центрирование контейнера

Вертикальное выравнивание всегда было проблемным местом в CSS, так как свойство vertical-align действует только на inline-элементы (состоящие из одной строки) и не работает с блочными элементами. Однако вертикальное выравнивание можно применить к ячейкам таблицы, таким образом мы можем использовать это в наших интересах в браузерах, которые поддерживают свойство display:table;, например в Mozilla и Opera. Что же делать с Internet Explorer?

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

Данная статья является продолжением предыдущей. В ней я покажу вам как сделать вертикальное выпадающее меню с помощью маркированных списков и CSS.

Создаем горизонтальное выпадающее меню при помощи CSS

В данной статье я расскажу как сделать горизонтальное выпадающее меню с использованием CSS и JavaScript. Разметка основана на маркированных списках и поддерживает один уровень вложенности.

Использование CSS селекторов для создания Javascript behaviours

Сейчас в различных Интернет источниках подняли шумиху вокруг Ajax. Данная технология позволяет оживить веб страницы и добавить в ваши приложения интерактивность используя Drag&Drop, анимированное появление обьектов и динамическую подгрузку контента без перезагрузки страницы. В данной статье я открою для вас маленькую библиотеку Бена Нолана - Behaviours и на примере покажу как сделать hovers для кнопок используя CSS селекторы.

Кроссплатформенный способ переноса длинных строк не умещающихся в контейнеры <code> и <pre>

При вставке примеров кода на страницы веб мастера обычно используют пробелы для отступов. Теги <code> и <pre> прекрасно отображают отступы, но тут есть и обратная сторона медали - если строка очень длинная, то она может вылезти за пределы контейнера. В этой небольшой статье я покажу как использовать перенос длинных строк в форматированных текстах во всех браузерах.

Блочная верстка в 3 колонки (fluid layout)

В статье рассматривается способ создания жидкого макета из 3 колонок с шапкой и подвалом без использования css хаков и трюков.

Сокращения в CSS

Недавно решил заняться оптимизацией размера css файла одного проекта, удалось снизить размер с 14,2 kb до 7kb используя сокращения в CSS!