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

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

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

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

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

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

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

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

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

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

Путешествуя по сети, наткнулся на довольно интересный сервис, который позволяет создавать модный в эпоху Web 2.0 эффект отражения для изображений (эффект мокрого пола) с помощью JavaScript. В принципе, вся информация, как и собственно сервис, находятся на сайте cow.neondragon.net.

Для тех же, кому лениво читать по-буржуйски, приведу краткую инструкцию к использованию.

Подключаем скрипт