just photo

вёрстка

Яндекс.Субботник по вёрстке, подготовка

Vitaliy 12/07/2010

Мне очень понравилась атмосфера мероприятия и отношение выступавших к своей работе и к пришедшим гостям. На вопросы гостей разработчики из Яндекса отвечали в течении всего времени перерывов. К сожалению, некоторые особо ярые противники использования XSL злоупотребляли гостеприимством и в перерывах буквально не давали прохода выступавшим, пытаясь доказать людям, у которых несравнимо больше опыта, что XSL это плохо. Очень хотелось послать подальше одного такого фанатика буквально вцепившегося в Степана Резникова после его выступления. Но не буду больше о плохом, всё остальное только о хорошем.

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

Перед субботником

Перед субботником я полез почитать про подход к вёрстке относительно независимыми блоками, названный разработчиками из Яндекса
"Блок, Элемент, Модификатор (БЭМ)"
http://clubs.ya.ru/bem/replies.xml?item_no=338
http://clubs.ya.ru/bem/replies.xml?item_no=43
Вот два момента этого подхода, которые прямо режут глаза и выглядят вызывающе с традиционной точки зрения применения CSS:

  • отказ от использования CSS каскада
  • отказ от использования total reset

Код, при таком подходе, получается достаточно многословным. Становится понятно, зачем была разработана такая штука как ZenCoding - чтобы пальцы не намозолить. Я ещё не освоил его эффективное использование в своём редакторе, получается как-то не быстро, а надо освоить. Сколько всего надо.

Вобщем, будет очень интересно взглянуть на БЭМ, как на готовый фреймворк, тогда когда тот обретёт зрелость и разработчики решатся его выложить.

Хотя, какая зрелость может быть, в такой столь стремительно обновляющейся области, как frontend разработка. Навыки и техники устаревают, а новые возможности в браузерах появляются почти каждый день. Такова уж доля всех тех, кто связан с browser frontend разработкой.

После субботника

Было сделано уже много чего, о чём обязательно напишу

P.S.
На мероприятии каждому участнику был вручён эксклюзивный яндекс-блокнот в треугольничек, говорят для mindmap здорово подходит, и эко-ручка из бумаги, это и многое другое можно купить в интернет магазине ozon.ru по ссылке из Яндекс Коллекции
http://collection.yandex.ru/

P.S.
Видео с Яндекс.Субботника

Подборка рецептов борьбы с IE6, IE7, etc

Vitaliy 08/06/2010

Я считаю, что уведомлять пользователя о том, что он в опасности и использует некачественный браузер не просто можно, но и нужно.
Под опасным браузером я подразумеваю Internet Explorer 6, под некачественным браузером Internet Explorer независимо от версии.
Про то что надо делать с горе админами, из-за которых IE6 до сих пор используется в корпоративном секторе, я уже писал.
Применение условных комментариев Internet Explorer для выдачи предупреждения пользователю никак не влияет на работу нормальных браузеров и не зависит от посторонних факторов, поэтому надо использовать их.

Ниже я приведу несколько моих вариантов, код которых перед использованием надо заключить в конструкцию вида


<!--[if IE 6]>
<p>Сюда вставить бОЛЬШОЙ красный НАХ.</p>
<![endif]-->
<![if !IE]>
<p>Полезно. Сюда можно вынести то, что предназначено не для Internet Explorer вообще.</p>
<![endif]>

Ниже я привожу свои варианты предупреждения пользователя об использовании IE.
Пользуйтесь на здоровье!

Варианты НАХа:

Злобный многословный нах

Вы пользуетесь браузером Internet Explorer 6 — это почти тоже самое, что пить протухшее молоко девятилетней давности.

  • Internet Explorer 6 не безопасен для ваших данных и ваших счетов.
    Если Вы нарочно хотите что-нибудь подцепить, продолжайте пользоваться IE6.
  • Internet Explorer 6 очень устарел и содержит множество ошибок, из-за этого большая часть современных веб-сайтов отображается в нём некорректно.
    Если Вам нравится носить разбитые очки, продолжайте пользоваться IE6.

Простой нах

Вы пользуетесь браузером Internet Explorer 6 — это опасно и нецелесообразно.

Деликатный от google

Другие

Существует ещё множество интересных приёмов борьбы с Internet Explorer 6:

тэги: