Владимир Гриненко — Библиотеки блоков bem-core и bem-components
DESCRIPTION
При разработке новых библиотек bem-core и bem-components мы переосмыслили свой подход и предыдущий опыт. Теперь разработка — это честный опенсорс с прозрачным планированием, где каждый может повлиять на результат. Мы сформулировали требования: тотальная автоматизация, Bleeding Edge, оптимизация, разные варианты поставки библиотеки, поддержка нескольких визуальных тем, бережность и кругозор. И определили технологии: анализаторы кода, юнит-тесты, модульность, шаблонизаторы, работа с CSS, зависимости и сборка. В докладе я подробно остановлюсь на каждом из этих вопросов.TRANSCRIPT
Библиотеки блоков bem-core и bem-componentsВладимир Гриненко BEMup в Москве, 17 мая 2014
Back to the roots
bem-bl4 года назад
вынесение внутренних блоков
первый подход к снаряду
старые браузеры
костыли ради обратной совместимости
4
С чистого листа
Новые библиотекичестный Open Source
тотальная автоматизация
bleeding edge
оптимизация — это важно
селекторы в контексте темы
поддержка нескольких тем
все лучшее из старого
поддержка всех платформ6
Разделяем примеры
для разработчиков и тестирования
в качестве документации
7
Новые технологиилинтеры, бьютифаеры
unit-тесты на всё: скрипты, шаблоны и вёрстку
модульность в JS
два набора шаблонов
CSS-препроцессор Roole
autoprefixer
поддержка альтернативного сборщика
8
Варианты поставки
source
compiled
library
9
Готовые блоки
link
button
input
checkbox
radio-group
menu
popup
10
dropdown
icon
image
spin
Спасибо!
12
clubs.ya.ru/bem
twitter.com/bem_ru
facebook.com/groups/bem.info
bem.info
13
clubs.ya.ru/bem
twitter.com/bem_ru
facebook.com/groups/bem.info
bem.info
bit.ly/msk-bemup-feedback
14
Владимир Гриненко Руководитель службы разработки БЭМ
@tadatuta