Задать вопрос

Совместимы ли CSS-спрайты с БЭМ?

Привет всем!
Давно занимаюсь версткой, в настоящий момент хочу перейти на БЭМ. Пока разбираюсь со структурой папок, наименованиями классов. В тестовом режиме верстаю небольшой проект в ручном режиме. Когда пойму структуру, перейду уже на полноценный БЭМ.
На сколько я понимаю, одна из задач БЭМ - верстка независимыми блоками, и здесь у меня возникает вопрос: если мы используем CSS-спрайты - не означает ли это, что заранее рушим принцип независимости блоков тем, что к различным элементам цепляется один графический файл со всеми, например, иконками?
По аналогии смотрим файловую структуру блока:
menu/
  __item/
    _state/
      menu__item_state_current.css
      menu__item_state_current.xsl
    menu__item.css
    menu__item.xsl
  menu.css
  menu.js
  menu.xsl


Здесь, например, CSS-файлы разделены в том числе и по элементам. Почему изображения должны быть "особенными" тогда?

Но если все-таки отдельные графические элементы разделять, как их хранить? Либо в папке того блока или элемента, к которым изображение относится? либо в корне создаем папку "Images"? И что делать с количеством запросов к серверу?

P.S.: Понимаю, что все относительно, что все подстраивают "под себя", но тем не менее...
  • Вопрос задан
  • 2841 просмотр
Подписаться 6 Оценить Комментировать
Решения вопроса 1
Можете хранить изображения по папкам, по отдельности.
А в процессе сборки собирать все это в один спрайт.
Не вижу в этом никакой проблемы.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы