Благодаря CSS3 и border-radius мы теперь можем верстать окружности, а что насчёт треугольников? Частенько в дизайне встречается какая нибудю мелочь, навроде этой ▲ маленькой штуки, которая при сортировке данных подсказывает пользователю каким образом они выведены: от большего значения к меньшему или наоборот.
Читать полностью »

Дизайнеры очень любят круглые уголки. Не спорю, они добавляют некоторую элегантность и элементы интерфейса веб-страницы выглядят более эстетично и привлекательно, однако реализация создаёт дополнительные трудности для верстальщиков. К счастью, с появлением CSS3 и свойства border-radius, которое уже поддерживают все современные браузеры задача значительно упрощается. Сделать закруглённые уголки для обычного блока DIV теперь можно буквально парой строк CSS. Но вот с картинками не всё так просто.
Читать полностью »

Как несложно догадаться из названия статьи речь пойдёт о css-свойстве третьей спецификации box-shadow, которое добавляет к блочным элементам тень. Сегодня веб-дизайнеры уже вовсю используют его, даже не смотря на то, что данное свойство поддерживается не всеми браузерами или поддерживается, но неполностью. Итак, для начала разберёмся с правильным написанием данного свойства.
Читать полностью »

В CSS есть великолепная возможность назначать разные стили для разных разрешений экрана. С ростом популярности мобильного интернета и увеличением количества разнообразных мобильных гаджетов эта возможность становится всё более востребованной. Многие знают, что в CSS есть правило @media, которое позволяет указать тип носителя, для которого будет применяться указанный стиль.
Читать полностью »

Краткая заметка, которая, возможно, поможет сохранить время и нервы начинающим верстальщикам. Речь пойдёт о стилизации инпутов (input), тоесть полях формы. Казалось бы, чего тут сложного? Основные параметры, а именно ширина и высота задаются стандартно — width и height. Посмотрим в браузерах как это выглядит. На первый взгляд всё отлично, однако начинаем заполнять поле, и видим, что в Internet Explorer текст прилипает к верхней границе поля.
Читать полностью »

В недрах Internet Explorer Developer Center обнаружено описание использования бикубического метода интерполяции (режима масштабирования), позволяющего без искажений отобразить картинку в IE7, если её размеры были изменены браузером.
Читать полностью »

Вряд ли кто-нибудь из веб-разработчиков может сегодня пожаловаться на нехватку html-тегов. Всегда ведь можно обойтись использованием универсальных <div> и <span>. Однако, если семантика для вас не пустой звук, возможно, будет неплохо вспомнить некоторые теги, незаслуженно позабытые в последнее время.
Читать полностью »

Проблема расположения блоков над flash-содержимым известна уже давно. Суть её заключается в следующем: если на сайте есть flash-ролик, то для расположения блока поверх него стандартных свойств CSS будет недостаточно. Указав для такого блока абсолютное позиционирование и z-index вы не добьётесь желаемого результата. Флэш всё равно окажется поверх него.
Читать полностью »

Когда работаешь с «живым» информационным сайтом, содержание которого постоянно изменяется и дополняется, приходится сталкиваться с проблемами абсолютно нетривиальными. Как это часто бывает, за наполнение сайта отвечают люди не имеющие представления о тегах, семантике и валидности кода. Бывает также, что и визуальные редакторы, с которыми работают эти «контент-манагеры» далеки от совершенства. Так или иначе, веб-разработчикам часто приходится решать нестандартные задачи. Вот, к примеру, одна из таких.

Читать полностью »

Речь пойдёт не о прозрачности блока, не об использовании изображений формата png с альфа-каналом, а о прозрачном фоновом цвете. Не слышали о таком свойстве? Ну что ж скоро будете не только много слышать но и успешно применять, ибо CSS3 грядёт!
Читать полностью »