Представим себе кусочек макета, присланного нам дизайнером. На нем изображено главное меню будущего сайта:

Пункт меню «Обратная связь» показывает поведение при наведении мышкой. (more…)

Разберем использование отрицательных полей на примере. Мы сверстаем трехколоночный макет с двумя фиксированными боковыми колонками, тянущейся центральной, шапкой и подвалом.
(more…)

Одна из ключевых особенностей cемантической валидной верстки — использование правильной блочной модели. Рассмотрим на примере, как она работает.
(more…)

CSS-хаки

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

Как правило, основным источником неприятностей бывает Internet Explorer. Многообразие ошибок в реализации CSS в браузерах Microsoft удивляет даже самых опытных верстальщиков. В связи с этим возникают ситуации, когда необходимо использовать дополнительные или альтернативные правила для IE. Именно в таких случаях рекомендуется применять «хаки». Если же вам вдруг понадобились альтернативные правила, скажем, только для Firefox, то рекомендуется пересмотреть ваш код, и в 99% случаев вы найдете более элегантное решение.
(more…)

Вместо вступления

В последнее время все чаще требованием при разработке сайта становится бестабличная или «дивная» верстка. Оба термина стали чрезвычайно популярны, несмотря на то, что они в корне неверны.

Изначально, таблицы были выбраны дизайнерами и разработчиками для верстки по одной единственной причине — не существовало других средств реализации хоть сколько-нибудь сложных макетов. Со временем таблицы стали нормой и остаются ею до сих пор. Но мы уже не в девяностых и браузеры, которые значатся в наших технических заданиях, способны интерпретировать CSS на том уровне, который необходим для более корректной, структурированной и современной верстки.
(more…)

В программе мероприятия:

• доклад Вадима Макеева «CSS-изначальности: фреймворки, reset.css»;
• презентация группы разработчиков «Kandy — комфортная IDE для вёрстки»;
• «Особенности шаблонизации данных с использованием XSL и Docbook»;
• рассказ Андрея Сумина «Модульность в Javascript».

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

Вход бесплатный, но по предварительной записи. Заявку на участие высылайте на адрес flack {at} yandex-team.ru не позднее 15 ноября.

Если вы занимаетесь веб-разработкой, не упустите свой шанс поучаствовать в становлении движения веб-стандартистов России.

• Вадим Макеев (он же pepelsbey, автор блога pepelsbey.net, автор доклада «CSS-менеджмент» на РИТ-2007, участник WSG-Russia)
• Алексей Рыбаков (типа я и всё такое, автор доклада «Тестирование верстки» на РИТ-2007, участник WSG-Russia)

Семинар условно будет разделён на четыре темы:

• Ищем смысл: разделение содержимого документа от его представления
• Обзор всех аспектов семантики кода и документа: структура, именование элементов, микроформаты
• Преимущества кода, страниц и сайтов, созданных с учётом семантики
• Начните сегодня: примеры трансформации «супа из тегов» в стройный, понятный и семантически верный код

Начало семинара в 10 утра, предположительное завершение — в 6 вечера, после каждой из четырёх логических частей предусмотрен перерыв, в том числе большой обеденный с бесплатным обедом.

Стоимость семинара составляет 5900 рублей при регистрации и оплате до начала семинара (принимаются Яндекс-Деньги, WebMoney, безналичная оплата) или 7000 рублей при оплате непосредственно в день семинара (принимаются наличные).

И это… пунш и пирог :)

Viva la resistance!

Встреча соберёт веб-стандартистов из нескольких городов России и начнёт традицию регулярных открытых WSG-митингов. В ходе выступлений и дискуссий будут затронуты вопросы внедрения веб-стандартов в практику разработки сайтов, показаны интересные примеры использования микроформатов, AJAX и затронута тема семантической вёрстки. Среди участников ожидаются докладчики секции «Клиентское программирование», разработчики и российские евангелисты веб-стандартов и микроформатов.

Встреча пройдет в зале 4, в 12:30, 17 апреля.

Ждем всех интересующихся судьбой веб-стандартов.