Ideas of examples

This text goes in Russian (sorry, there is no translation).

Список возможных примеров

• --Простой пример с console.log--
• --Установка модификатора и реакция на него--
• --Установка и реакция на модификатор элемента Можно прятать какой-то элемент--
• --toggle модификатора--
• --Удаление модификатора delMod--
• --live-инициализация по DOM-событию-- --Пример live-инициализации по DOM-событию с использованием liveInitOnEvent-- --Пример live-инициализации по DOM-событию с использованием liveBindTo--
• --Пример live-инициализации по нескольким DOM-событиям--
• live-инициализация по BEM-событиям вложенного блока (в процессе)
• live-события Показать как новые блоки (только что вставленные) не нуждаются в навешивании событий Информация про делегирование: https://github.com/bem/bem-core/blob/v1/common.docs/i-bem-js/i-bem-js.ru.md#%D0%94%D0%B5%D0%BB%D0%B5%D0%B3%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B9 Делегирование BEM-событий: https://github.com/bem/bem-core/blob/v1/common.docs/i-bem-js/i-bem-js.ru.md#%D0%94%D0%B5%D0%BB%D0%B5%D0%B3%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-bem-%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B9
• Работа со структурой блока
• поиск элементов
  • this.elem, this.findElem и разница Также: возможность сброса кеша (https://github.com/bem/bem-core/blob/v1/common.docs/i-bem-js/i-bem-js.ru.md#%D0%AD%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%8B)
• find-методы поиска блоков (вложенных и нет)
• Подключение и использование jQuery-модуля
• Переопределение методов блока из библиотеки
• Дополнение блока модификатором
  • просто добавление файла
  • декларация модификатора (со значением, без значения) ?? А как быть со значением ##true##?
• Реакция на события вложенных блоков
  • Реакция на клик по вложенному блоку
  • Реакция на выбор пункта меню
• Создание блока с API с событиями (this.trigger)
• Использование клиентских шаблонов BEMHTML https://github.com/bem/bem-core/blob/v1/common.docs/i-bem-js/i-bem-js.ru.md#%D0%94%D0%B8%D0%BD%D0%B0%D0%BC%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%BE%D0%B5-%D0%BE%D0%B1%D0%BD%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B1%D0%BB%D0%BE%D0%BA%D0%BE%D0%B2-%D0%B8-%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%BE%D0%B2-%D0%B2-dom-%D0%B4%D0%B5%D1%80%D0%B5%D0%B2%D0%B5
• afterCurrentEvent (или как его там переименовали)
• Разбор блока "кнопка" из bem-controls
• 2 блока на одном DOM-элементе Не забыть рассказать про соответствующий find-метод Информация: https://github.com/bem/bem-core/blob/v1/common.docs/i-bem-js/i-bem-js.ru.md#%D0%9F%D0%BE%D0%B8%D1%81%D0%BA-%D1%8D%D0%BA%D0%B7%D0%B5%D0%BC%D0%BF%D0%BB%D1%8F%D1%80%D0%BE%D0%B2-%D0%B1%D0%BB%D0%BE%D0%BA%D0%BE%D0%B2-%D0%B2-dom-%D0%B4%D0%B5%D1%80%D0%B5%D0%B2%D0%B5
• Блок и элемент другого блока на одном DOM-элементе
• Один блок на нескольких DOM-элементах Объяснение: https://github.com/bem/bem-core/blob/v1/common.docs/i-bem-js/i-bem-js.ru.md#%D0%9E%D0%B4%D0%B8%D0%BD-js-%D0%B1%D0%BB%D0%BE%D0%BA-%D0%BD%D0%B0-%D0%BD%D0%B5%D1%81%D0%BA%D0%BE%D0%BB%D1%8C%D0%BA%D0%B8%D1%85-html-%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%85
• Блоки без DOM-представления, модули Объяснение: https://github.com/bem/bem-core/blob/v1/common.docs/i-bem-js/i-bem-js.ru.md#%D0%91%D0%BB%D0%BE%D0%BA%D0%B8-%D0%B1%D0%B5%D0%B7-dom-%D0%BF%D1%80%D0%B5%D0%B4%D1%81%D1%82%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F
• Использование статических методов Информация про доступ к классу: https://github.com/bem/bem-core/blob/v1/common.docs/i-bem-js/i-bem-js.ru.md#%D0%94%D0%BE%D1%81%D1%82%D1%83%D0%BF-%D0%BA-%D0%BA%D0%BB%D0%B0%D1%81%D1%81%D0%B0%D0%BC-%D0%B1%D0%BB%D0%BE%D0%BA%D0%BE%D0%B2
• Использование блоков из bem-core
  • Использование channelAPI (tick) на примере b-spin
• TODO: Примеры связи между разными блоками
• TODO: Примеры из доклада i-bem.js cookbook

##Идеи 47 useful CSS techniques http://www.1stwebdesigner.com/css/45-useful-css3-tutorials-and-techniques/ http://webdesignerwall.com/trends/47-amazing-css3-animation-demos Password strength indicator http://tutorialzine.com/2012/06/beautiful-password-strength-indicator/ Realistic buttons http://dropthebit.com/673/realistic-toggle-switch-buttons-in-pure-css/ Shiny Knob Control with jQuery and CSS3 http://tutorialzine.com/2011/11/pretty-switches-css3-jquery/ Colorful clock http://tutorialzine.com/2009/12/colorful-clock-jquery-css/ Гармошка http://artpolikarpov.github.io/garmoshka/