Тема для WordPress в БЭМВладимир ГриненкоРазработчик интерфейсовYet another Conference, Москва, 19 сентября 2011 года
БЭМ!Клубhttp://clubs.ya.ru/bem/Репозиторийhttps://github.com/bem/2
BEM – это не только b-3
Что мы будем делатьYet another WordPress theme— Описание страницы в формате bemjson4
Что мы будем делатьYet another WordPress theme— Описание страницы в формате bemjson— Блоки в технологиях php, css, js5
Что мы будем делатьYet another WordPress theme— Описание страницы в формате bemjson— Блоки в технологиях php, css, js— Сбо...
Что мы будем делатьYet another WordPress theme— Описание страницы в формате bemjson— Блоки в технологиях php, css, js— Сбо...
Что мы будем делатьYet another WordPress theme— Описание страницы в формате bemjson— Блоки в технологиях php, css, js— Сбо...
Что мы будем делатьYet another WordPress theme— Описание страницы в формате bemjson— Блоки в технологиях php, css, js— Сбо...
Ссылки на инструменты Шпаргалка http://clck.ru/L2Lh Репозиторий http://clck.ru/L4lR10
Структура проектаbempress/   blocks/       уровень переопределения темы       header/       footer/   pages/         урове...
Структура проектаbempress/   blocks/       уровень переопределения темы       header/ технологии блока           header.cs...
Структура проектаbempress/   pages/        уровень переопределения страниц      index/          blocks/      блоки уровня ...
Владимир ГриненкоРазработчик интерфейсовtadatuta@yandex-team.ru
Upcoming SlideShare
Loading in …5
×

Тема для WordPress в БЭМ. Владимир Гриненко, Яндекс

7,445 views
7,339 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
7,445
On SlideShare
0
From Embeds
0
Number of Embeds
5,091
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Тема для WordPress в БЭМ. Владимир Гриненко, Яндекс

  1. 1. Тема для WordPress в БЭМВладимир ГриненкоРазработчик интерфейсовYet another Conference, Москва, 19 сентября 2011 года
  2. 2. БЭМ!Клубhttp://clubs.ya.ru/bem/Репозиторийhttps://github.com/bem/2
  3. 3. BEM – это не только b-3
  4. 4. Что мы будем делатьYet another WordPress theme— Описание страницы в формате bemjson4
  5. 5. Что мы будем делатьYet another WordPress theme— Описание страницы в формате bemjson— Блоки в технологиях php, css, js5
  6. 6. Что мы будем делатьYet another WordPress theme— Описание страницы в формате bemjson— Блоки в технологиях php, css, js— Сборка блоков с помощью BEM tools6
  7. 7. Что мы будем делатьYet another WordPress theme— Описание страницы в формате bemjson— Блоки в технологиях php, css, js— Сборка блоков с помощью BEM tools— Разворачивание css-импортов утилитой borschik7
  8. 8. Что мы будем делатьYet another WordPress theme— Описание страницы в формате bemjson— Блоки в технологиях php, css, js— Сборка блоков с помощью BEM tools— Разворачивание css-импортов утилитой borschik— Структурная минимизация с CSSO8
  9. 9. Что мы будем делатьYet another WordPress theme— Описание страницы в формате bemjson— Блоки в технологиях php, css, js— Сборка блоков с помощью BEM tools— Разворачивание css-импортов утилитой borschik— Структурная минимизация с CSSO— Минимизация js утилитой uglify-js9
  10. 10. Ссылки на инструменты Шпаргалка http://clck.ru/L2Lh Репозиторий http://clck.ru/L4lR10
  11. 11. Структура проектаbempress/ blocks/ уровень переопределения темы header/ footer/ pages/ уровень переопределения страниц index/ blocks/ single/11
  12. 12. Структура проектаbempress/ blocks/ уровень переопределения темы header/ технологии блока header.css header.js header.php footer/12
  13. 13. Структура проектаbempress/ pages/ уровень переопределения страниц index/ blocks/ блоки уровня страниц header/ header.css доопределение технологии блока index.bemjson.js описание страницы13
  14. 14. Владимир ГриненкоРазработчик интерфейсовtadatuta@yandex-team.ru

×