Опубликовано: 28 июля, 2010 | Рубрика: Кодинг | Тэги: box-shadow, css3, вёрстка | Нет комментариев »
Как несложно догадаться из названия статьи речь пойдёт о css-свойстве третьей спецификации box-shadow, которое добавляет к блочным элементам тень. Сегодня веб-дизайнеры уже вовсю используют его, даже не смотря на то, что данное свойство поддерживается не всеми браузерами или поддерживается, но неполностью. Итак, для начала разберёмся с правильным написанием данного свойства.
Читать полностью »
Опубликовано: 2 июня, 2010 | Рубрика: Кодинг | Тэги: css, вёрстка, разрешение экрана | Нет комментариев »
В CSS есть великолепная возможность назначать разные стили для разных разрешений экрана. С ростом популярности мобильного интернета и увеличением количества разнообразных мобильных гаджетов эта возможность становится всё более востребованной. Многие знают, что в CSS есть правило @media, которое позволяет указать тип носителя, для которого будет применяться указанный стиль.
Читать полностью »
Опубликовано: 27 мая, 2010 | Рубрика: Кодинг | Тэги: Firexox, vertical-align, вёрстка, советы новичкам | Нет комментариев »
Краткая заметка, которая, возможно, поможет сохранить время и нервы начинающим верстальщикам. Речь пойдёт о стилизации инпутов (input), тоесть полях формы. Казалось бы, чего тут сложного? Основные параметры, а именно ширина и высота задаются стандартно — width и height. Посмотрим в браузерах как это выглядит. На первый взгляд всё отлично, однако начинаем заполнять поле, и видим, что в Internet Explorer текст прилипает к верхней границе поля.
Читать полностью »
Опубликовано: 4 мая, 2009 | Рубрика: Кодинг | Тэги: Internet Explorer, ms-interpolation-mode, бикубический, интерполяция, ресемплинг | 3 Комментариев »
В недрах Internet Explorer Developer Center обнаружено описание использования бикубического метода интерполяции (режима масштабирования), позволяющего без искажений отобразить картинку в IE7, если её размеры были изменены браузером.
Читать полностью »
Опубликовано: 1 апреля, 2009 | Рубрика: Кодинг | Тэги: html, советы новичкам, теги | 5 Комментариев »
Вряд ли кто-нибудь из веб-разработчиков может сегодня пожаловаться на нехватку html-тегов. Всегда ведь можно обойтись использованием универсальных <div> и <span>. Однако, если семантика для вас не пустой звук, возможно, будет неплохо вспомнить некоторые теги, незаслуженно позабытые в последнее время.
Читать полностью »
Опубликовано: 25 марта, 2009 | Рубрика: Кодинг | Тэги: flash, google, opaque, wmode, баги | 7 Комментариев »
Проблема расположения блоков над flash-содержимым известна уже давно. Суть её заключается в следующем: если на сайте есть flash-ролик, то для расположения блока поверх него стандартных свойств CSS будет недостаточно. Указав для такого блока абсолютное позиционирование и z-index вы не добьётесь желаемого результата. Флэш всё равно окажется поверх него.
Читать полностью »
Опубликовано: 17 марта, 2009 | Рубрика: Кодинг | Тэги: селекторы css, советы новичкам, хак для IE | Нет комментариев »
Когда работаешь с «живым» информационным сайтом, содержание которого постоянно изменяется и дополняется, приходится сталкиваться с проблемами абсолютно нетривиальными. Как это часто бывает, за наполнение сайта отвечают люди не имеющие представления о тегах, семантике и валидности кода. Бывает также, что и визуальные редакторы, с которыми работают эти «контент-манагеры» далеки от совершенства. Так или иначе, веб-разработчикам часто приходится решать нестандартные задачи. Вот, к примеру, одна из таких.
Читать полностью »
Опубликовано: 6 марта, 2009 | Рубрика: Кодинг | Тэги: css3, кодинг, прозрачность, советы новичкам, хак для IE | 1 Комментарий »
Речь пойдёт не о прозрачности блока, не об использовании изображений формата png с альфа-каналом, а о прозрачном фоновом цвете. Не слышали о таком свойстве? Ну что ж скоро будете не только много слышать но и успешно применять, ибо CSS3 грядёт!
Читать полностью »
Опубликовано: 2 марта, 2009 | Рубрика: Кодинг | Тэги: css3, вёрстка | 5 Комментариев »
Честно скажу, я очень завидую веб-разработчикам недалёкого будущего, которые будут верстать сайты для новых, современных браузеров с полной поддержкой HTML5 и CSS3. Какой красивый и компактный код можно будет писать, сколько возможностей будет у веб-дизайнеров! И как ограничены сегодняшние возможности верстальщика…
Читать полностью »
Опубликовано: 6 февраля, 2009 | Рубрика: Кодинг | Тэги: footer внизу страницы, баги, кодинг, причуды IE | 20 Комментариев »
Думаю, что для многих web-дизайнеров уже не составляет труда сверстать страницу, где «подвал» будет прижат к её нижней границе. Вот метод который использую я, подсмотренный уже не помню где.
Читать полностью »