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

ПРИСОЕДИНЯЙТЕСЬ
Поделиться

uWebDesign

Вы находитесь на невероятном канале uWebDesign, Вашем путеводителе в мире web разработки! Здесь вы найдете лучшие обзорные ролики и подкасты про web технологии на русском языке: web и ux дизайн, инструменты для разработки, языки программирования и многое другое. Больше всего мы концентрируемся на различных CSS модулях, работе с SVG, разработке WordPress сайтов и языке программирования PHP. Приятного просмотра! Расписание роликов: • По вторникам выходит подкаст «Суровый веб». • По пятницам на нашем втором канале выходят игровые стримы: https://youtube.com/uwdgames • От случая к случаю на канале выходят обзорные ролики про Web технологии, а также уроки про Adobe Illustrator.



Обсуждение закрыто.