Недавно, выполняя дизайн для одного из клиентов компании, в которой работаю, я проводил анализ сайтов конкурентов (всегда так делаю, перед непосредственной разработкой макета), и наткнулся вот на это «чудо» (всем обязательно к посещению!).

Первое впечатление, честно говоря, ошеломило, когда в наушниках, между надрывами голосовых связок вокалиста из Drowning Pool стало пробиваться ЭТО. Я и не сразу смог сообразить, откуда звук, так как сайт был открыт в фоновой закладке браузера. Прежде, чем нашел в чем причина, и откуда доносятся эти мотивы, мне пришлось их прослушать еще не один раз. Игра мышом в pixel hunting не дала никаких результатов. Выключателя там просто нет, и так думаю, не предвиделось. Причем звук присутствует на всех страницах сайта!

Несколько мыслей по этому поводу

Сегодня возникла необходимость пройти валидацию CSS на  CSS-валидаторе. Проверка была успешной, я получил зеленый свет плюс иконки профпригодности валидности на выбор. Но речь слегка не об этом.

Для путешествий в бесконечный мир HTTP я использую браузер Mozilla Firefox 2 плюс несколько расширений к нему (Web Developer, Firebug и HTML Validator). Последний проводит валидацию страниц «на лету», без необходимости загружать их через W3C Validator.

Так вот, в этот раз мой «домашний» валидатор подмигнул мне красным глазом в правом нижнем углу страницы. А это значит, что где-то на странице самого валидатора W3C есть ошибки, и как следствие, несоответствие разметки веб-стандартам (o_O).

Да, я тоже слегка в шоке

Как-то разрабатывая очередной макет для блога, услышал совет от своего коллеги, активного SEO'шника, что дополнительные колонка(и) на блогах всегда(!) должна быть справа. Обусловлено это тем, что при анализе страниц поисковые боты быстрее доберутся до заголовка и ценного контента статьи, а уж потом им на пути попадется информация из меню, тексты комментариев, реклама и ссылки на архивы и т.д. В общем, поисковая оптимизация.

Конечно, логика во всем этом есть, но мне как дизайнеру хочется, чтобы дизайнов у блогов было много и разных, с левыми и правыми колонками. Поэтому, чтобы все были довольны, и дизайнеры и боты, предлагаю решить эту совсем даже не проблему с помощью CSS.

Простое решение

В этой статье я не буду никого учить, как правильно составлять заголовки для постов, которые помогут увеличить продажи товаров на 150% за два дня, или получить поток трафика на сайт путем заигрывания с человеческими инстинктами. Просто хочу перечислить несколько требований и советов, которые помогут вам грамотно и красиво оформить заголовки в своих проектах.

Итак, как же оформлять заголовки на сайтах

Часто при верстке дизайна сталкиваюсь с необходимостью использовать в формах графические кнопки вместо стандартных.

Как известно каждому, даже начинающему HTML-кодеру, по дефолту, с отображением этих кнопок у браузеров есть проблемы — они попросту прыгают, относительно текстового поля по вертикали.

Учимся выравнивать кнопки в формах