CSS

Один из самых полезных методов вёрстки за последние годы - это незаметные на первый взгляд CSS спрайты. Этот метод стал известным благодаря Дэйву Шеа, который в 2004 году опубликовал статью под названием CSS Sprites: Image Slicing’s Kiss of Death. Техника работы со спрайтами очень проста, и, как только вы поймёте основы, вы сможете применять их где угодно. Обычно спрайты используют для графических меню, но они также подходят и для кнопок, и для стилизованных заголовков.

Узнать больше →

Сегодня мы рассмотрим сразу два свойства - rgba и hsla. Данные свойства – производные от rgb и hsl (hsl, к слову, до сих пор не поддерживается в IE), и единственное отличие в них – это четвёртый параметр, отвечающий за прозрачность.
Возможно, вы спросите: зачем использовать эти свойства, если есть opacity, которое худо-бедно поддерживается большинством браузеров?

А вот зачем!

Не прошло и дня, как вышла новая статья из серии о новых возможностях CSS3.
Сегодня мы будем говорить о text-shadow.
Это свойство нельзя назвать новым – оно было включено ещё в спецификацию CSS 2.0, а в версии 3.0 было переработано и улучшено.

Надо заметить, это одно из немногих свойств в CSS 3, которое объявляется одинаково во всех браузерах (без приставок –moz и –webkit).

Читать дальше →

В предыдущей статье я обещала рассмотреть свойство gradient. Приступим.
В настоящий момент gradient – само неоднозначное свойство. Браузеры поддерживают его по-разному, у каждого браузера свой стиль написания и свои возможности.
Сейчас свойство gradient так или иначе поддерживается в следующих браузерах:

• Firefox (начиная с версии 3.6)
• Safari (с версии 4)
• Chrome
• IE (с версии 5.5, через свойство filter)

Перейдём к реальным примерам →

В первой части мы рассмотрели создание закруглённых углов с помощью свойства border-radius.

Сегодня мы рассмотрим свойство box-shadow, которое позволяет создавать тень вокруг блока.
Как и предыдущее свойство, его поддерживают далеко не все браузеры, но если вам нужен лишь декоративный эффект с минимальным использованием css, то box-shadow нет равных.

Читать дальше →

Новая версия CSS (а именно CSS 3) не за горами, и уже сейчас некоторые браузеры поддерживают новые свойства.
Что это за свойства и как они могут быть полезны уже сейчас?
Об этом мы сегодня и поговорим, а именно о свойстве border-radius.
Читать дальше →

Тема закруглённых углов и их реализации многим уже наверняка набила оскомину :)
Всё-таки я предложу свои четыре кроссбраузерных способа создания закруглённых углов, которые тянутся по ширине и длине, с использованием минимального количества пустых тегов и изображений.

Читать дальше →