Я глубоко сомневаюсь, что во всех перечисленных проектах используется БЭМ-тулз. А без него это уже просто вёрстка независимыми блоками.

БЭМ — это методология, а не набор инструментов. Выросшая из и основанная на понятии независимых блоков.

Тысячи БЭМ-подражателей жарят адовый код, не вникая в подробности методологии. Не надо меня убеждать, что БЭМ хорош. Это я знаю не хуже вас. Но факт остаётся фактом: на данный момент мало кто понимает суть метода.

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

Угу, bethesignal.org/wp-content/uploads/2009/06/css-is-awesome-700x375.jpg

Не всегда есть возможность влиять на дизайнерские решения, для некоторых проектов кастомный скролл «ОЧЕНЬ важен!!!111», к сожалению.

darkwebdev.github.com/baron/test/ — ссылка на форк для ленивых. Для меня эта ссылка полезнее, чем демо из поста.

Спасибо вам за проделанную работу, ребята!
Многие лекции лично для меня были очень пользительны. Как только они появлялись на video.yandex.ru, я тщательно заполнял в специальном блокнотике ссылки напротив названий. Теперь он потерял актуальность, и меня это даже радует.

З.Ы. Еще всем рекомендую отличную подборку видео с различных конференций от operatino: tohtml.it/post/36728117424/front-end-videos-2012

З.З.Ы. Без veged'а фотография смотрится сиротливо. Или он опять резко изменил внешность за полгода?

А в следующей статье ждём «100 способов борьбы с прокрастинацией».

Вообще прикольно, я такой блок с display:table растягивал по-другому, но код тут приводить не буду из эстетических соображений :-)

А вот про выносные блоки — это я чуть-чуть про другое говорил, надо будет пример где-нибудь накидать и так же Максу отправить.

Из всего вышеперечисленного я не пользовался только Firepicker'ом. Colorzilla как-то всегда устраивала, сейчас поставлю и сравню.

Напишите книгу. Я серьезно, статья увлекает сверх всякой меры.

lovtsevich.com/about/? webdev.lovata.com, статья «Когда деревья были большими или о том, с чего все начинали»… :-)

Могу ошибаться, но похож на Павла Ловцевича.

Из недавно раскрывшихся я бы выделил: Артём Поликарпов, Александр Карпинский, Роман Комаров, Вячеслав Олиянчук.

Андрей Сумин тоже клёвый дядька, сейчас вроде как в Mail.ru

Ну на самом деле там и задачи, и собственно язык достаточно простой. Google Translate + немного смекалки дадут возможность идти по курсу без особых проблем.

Академичный тон первой заставляет использовать её больше как справочник… Хотя книга отличная, не спорю. В книге Ресига, которую я когда-то находил, было несметное количество опечаток в коде примеров, что сводило на нет все попытки понять суть.

Мне Стоян Стефанов дался проще чем эти 2 вышеперечисленные книги :-)

Лично я решился ехать на UWDC только из-за Я.Субботника. Ну и в Челябинске ни разу не был, надо обязательно с вокзала до отеля пешечком прогуляться.

Забавно одну за другой видеть хорошо разобранные темы, о которых сам хотел написать статью…
А про выносные таблицы (и вообще любые блоки) из блока с overflow:hidden; собираетесь написать? :-)

Приветствую тебя на Хабре, «дружище»! Хорошая первая статья для начинающих, так держать!

З.Ы. Лично для себя обычно использую комбинацию этого всего:

UL {
   font:0/0 a;
   letter-spacing:-1em;
   word-spacing:-1em;
}
    UL LI {
        font:12/16px Arial, sans-serif;
        letter-spacing:0;
        word-spacing:0;
    }

При этом если вдруг захочется выравнивать элементы с помощью text-align:justify; то тут могут быть неприятные сюрпризы в Chrome, Opera и Safari. Впрочем, играя с размером шрифта их можно обойти.

Стю Николлз рад вашему посту.

З.Ы. смотреть ссылки под заголовком «Demos».

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