CSS-трюк: двойные бордюры-разделители вертикального меню

31 мая 2010 г.
CSS-трюк: двойные бордюры-разделители вертикального меню

Когда при верстке требуется создать меню с разделителем, я использую замечательную технику, которую когда-то давно предложил Юрий “akella” Артюх. Недавно я столкнулся с очень похожей, но более сложной задачей - мне нужно было сверстать вертикальное меню, разделителем которого является двойная линия, состоящая из двух разных цветов (синий и белый): Возможные способы решения задачи: использовать изображение; использовать только CSS. В решении ... читать полностью »

CSS-трюк: IE, таблица и “резиновые” изображения

16 декабря 2009 г.

Антон Молодой подкинул мне идею для этого поста. Он столкнулся с проблемой, с которой с моей косвенной помощью сам же и справился. Я с этим багом (да, речь пойдет об очередном баге IE) никогда не сталкивался, поэтому решил написать об этом пост, во-первых, как шпаргалку для себя на будущее, во-вторых, вдруг кто-то из читателей и посетителей ... читать полностью »

FireFox и вертикальное выравнивание текста в input[submit]

30 ноября 2009 г.
FireFox и вертикальное выравнивание текста в input[submit]

Либо я плохо искал, либо проблема только у меня и я чего-то не знаю (в чем сомневаюсь), но в Интернете по сабжу ничего не нашел. Поэтому данный пост - это вопрос к читателям. При верстке форм я давно наблюдаю следующую проблемную ситуацию: независимо от версии браузера FireFox, в которой смотрится страница, вертикальное выравнивание текста в кнопке, ... читать полностью »

Как выглядит красивый HTML-код

12 ноября 2009 г.
Как выглядит красивый HTML-код

Крис Койер (Chris Coyier), автор CSS-Tricks, опубликовал замечательную схему того, как, по его мнению, должен выглядеть красивый и современный HTML-код. В своей статье он показывает пример, который представлен в трех вариантах: PNG-скриншот; оригинал в PSD-формате; текстовый вариант. Ниже я хочу привести свой свободный перевод комментариев к скриншоту (читай - рекомендации по написанию HTML-кода): HTML5 - веб-стандарт HTML5 с его новыми элементами ... читать полностью »

CSS-трюк: фиксируем большой бэкграунд относительно контента

21 октября 2009 г.

В статье используется изображение из примера к статье How to: CSS Large Background. Рассмотрим такую ситуацию - нужно создать страницу фиксированной ширины, к примеру, 900 пикселей, с контентом, расположенным горизонтально по центру относительно окна браузера. И необходимо на этой странице поместить большой фон (тоже горизонтально по центру), ширина которого значительно больше ширины нашего отцентрированного блока с ... читать полностью »

HTML 5 - уже сегодня, XHTML 2 - прощай

11 июля 2009 г.
HTML 5 - уже сегодня, XHTML 2 - прощай

Интересная ситуация складывается в сфере веб-стандартов. Опубликована официальная информация о том, что стандарт XHTML 2 так и не увидит свет, рабочая группа прекратит дальнейшую его разработку к концу 2009 года. Вместо этого все силы бросят на разработку нового стандарта - HTML 5. Везде называется цифра 2022, как год, в котором данный стандарт должен получить статус ... читать полностью »

CSS-свойство text-shadow преобразит текст на вашем сайте

8 июля 2009 г.
CSS-свойство text-shadow преобразит текст на вашем сайте

Был удивлен, когда, погуглив по данному блогу, обнаружил, что я ни разу не писал о таком замечательном CSS-свойстве, как text-shadow. А ведь оно стоит внимания, тем более, что с недавнего времени к поддерживающим его браузерам присоединился вышедший некоторое время назад FireFox 3.1. Таким образом, на сегодняшний день text-shadow, которое описано в спецификации CSS3 (ранее было ... читать полностью »