BEM (БЭМ) & SMACSS — Sass методологии для организации проектов
В этом обзоре я рассказал немного теории про использование BEM и SMACSS, о том, что общего в этих методологиях и для каких типов проектов они подходят.
Подробности по ссылке: http://uwebdesign.ru/bem-smacss/
Также я рассмотрел варианты организации файловой системы (дерева проекта) при работе с каждой из этих методологий, остановившись на некоторых особенностях.
И на практике показал начальный этап рефакторинга уже существующего проекта. Весь рефакторинг необходимо проводить поэтапно, для того, чтобы это не "погубило" проект.
Документация по BEM: http://ru.bem.info
Документация по SMACSS: http://smacss.com
Книга SMACSS у нас в паблике (для ознакомления): http://vk.com/wall-51313495_1078
Шаблон Sport Here: http://pixelbuddha.net/freebie/sporthere-template
Финальный вариант с директориями из видео: https://dl.dropboxusercontent.com/u/28544809/sporthere.zip
Мы на твиттере:
• Александр Гончаров: http://twitter.com/websanya
• Никита Тарасов: http://twitter.com/justelementar
uWebDesign это:
• Сайт: http://uwebdesign.ru
• Подкаст в iTunes: https://itunes.apple.com/ru/podcast/uwebdesign-vse-o-veb-razrabotke/id923355344
• Паблик на ВК: http://vk.com/uwebdesign
• Лента в Instagram: http://instagram.com/uwebdesign
• Лента в Twitter: http://twitter.com/uwebdesgn
• Канал на YouTube: https://youtube.com/user/uwebdesign
Видео BEM (БЭМ) & SMACSS — Sass методологии для организации проектов канала uwebdesign
Подробности по ссылке: http://uwebdesign.ru/bem-smacss/
Также я рассмотрел варианты организации файловой системы (дерева проекта) при работе с каждой из этих методологий, остановившись на некоторых особенностях.
И на практике показал начальный этап рефакторинга уже существующего проекта. Весь рефакторинг необходимо проводить поэтапно, для того, чтобы это не "погубило" проект.
Документация по BEM: http://ru.bem.info
Документация по SMACSS: http://smacss.com
Книга SMACSS у нас в паблике (для ознакомления): http://vk.com/wall-51313495_1078
Шаблон Sport Here: http://pixelbuddha.net/freebie/sporthere-template
Финальный вариант с директориями из видео: https://dl.dropboxusercontent.com/u/28544809/sporthere.zip
Мы на твиттере:
• Александр Гончаров: http://twitter.com/websanya
• Никита Тарасов: http://twitter.com/justelementar
uWebDesign это:
• Сайт: http://uwebdesign.ru
• Подкаст в iTunes: https://itunes.apple.com/ru/podcast/uwebdesign-vse-o-veb-razrabotke/id923355344
• Паблик на ВК: http://vk.com/uwebdesign
• Лента в Instagram: http://instagram.com/uwebdesign
• Лента в Twitter: http://twitter.com/uwebdesgn
• Канал на YouTube: https://youtube.com/user/uwebdesign
Видео BEM (БЭМ) & SMACSS — Sass методологии для организации проектов канала uwebdesign
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![](https://i.ytimg.com/vi/hQz3s0lNtSU/default.jpg)
![CSS-методологии от О до Б. Алексей Охрименко](https://i.ytimg.com/vi/1VM-vEItVeA/default.jpg)
![Организация CSS по BEM (БЭМ - блок, элемент, модификатор)](https://i.ytimg.com/vi/Mz4aRb4Oyd4/default.jpg)
![Есть ли аналоги БЭМ (BEM)?](https://i.ytimg.com/vi/He8GMufyIKw/default.jpg)
![CSS Variables - CSS vs Sass - variables inside media queries](https://i.ytimg.com/vi/19e7_3UmQrI/default.jpg)
![Все о миксинах в Sass. Mixin и include (Sass курс 2021)](https://i.ytimg.com/vi/UEFHlRqvEnM/default.jpg)
![Tailwind CSS Crash Course](https://i.ytimg.com/vi/UBOj6rqRUME/default.jpg)
![Responsive Website with HTML, SCSS, BEM, JS and GULP](https://i.ytimg.com/vi/VW1FEXN6H5Q/default.jpg)
![Зачем нужен БЭМ — HTML Шорты](https://i.ytimg.com/vi/lQPs20b3Ey8/default.jpg)
![Sass — условия и циклы (@if, @for, @each, @while)](https://i.ytimg.com/vi/bIe824m5Deg/default.jpg)
![Шапка на гридах и флексах с гэпами и БЭМ](https://i.ytimg.com/vi/OkWwM4yE-V0/default.jpg)
![Методология БЭМ за 17 минут. Пример верстки по БЭМ методологии // Фрилансер по жизни](https://i.ytimg.com/vi/HihYQVuH64U/default.jpg)
![БЭМ методология - что это? БЭМ востребован? Почему надо верстать по БЭМ'у?](https://i.ytimg.com/vi/EfDu-4A6T2M/default.jpg)
![БЭМ - верстка вместе и без проблем](https://i.ytimg.com/vi/5MIFfFOhFjw/default.jpg)
![Voyage into CSS Part 1: BEM, OOCSS, SMACSS, and Atomic CSS, Oh my!](https://i.ytimg.com/vi/V4SaBY12nYM/default.jpg)
![Интерполяция в Sass (Курс Sass)](https://i.ytimg.com/vi/Z6CZiwiXpRA/default.jpg)
![CSS БОЛЬШЕ НЕ НУЖЕН! Sass и SCSS. Часть 1](https://i.ytimg.com/vi/nW57kdJ-WIQ/default.jpg)
![Верстка сайта по методологии БЭМ](https://i.ytimg.com/vi/Nb4Nw34eZxQ/default.jpg)
![ESLint javascript | airbnb style guide | как работать с линтером и что это такое](https://i.ytimg.com/vi/JbMu0aB7-Tk/default.jpg)
![БЭМап: Интенсив для новичков](https://i.ytimg.com/vi/sX8xQrwk6ko/default.jpg)