1 — mobile.css(экраны размером 480px и меньше),
2 — tablet.css(экраны от 480 до 768 px),
3 — ptablet.css (экраны от 768px до 960px),
4 — desktop.min(от 960px до 1280px),
5 — desktop-max.css(экраны больше 1280px).
Можно использовать бэм или не использовать его. Стили изолированно можно писать как угодно. JS к классам с префиксом js- или, в крайнем случае, к дата атрибутам.
Привязка к именам тегов — это не гибко, в случае статьи — невалидно.
Привязка к id — ограничение на использование один раз этого блока на странице
Обратите внимание, что это первая моя статья на разделенном хабре, я не стремлюсь "фапать на карму", это неблагодарное занятие. Я написал заметку, чтобы рассказать людям об этом функционале.
Все должно быть проще:
1. Вынесите стили и скрипты из папки /bitrix;
2. Минифицируйте все у себя, а не средствами битрикса;
3. Для скриптов, которые должны быть в доме страницы можно использовать:
А вы прочитали статью? Там как бы есть картинки со статистикой
Хочу порекомендовать вам хорошую статью про брейкпоинты в адаптиве http://css-live.ru/articles-css/pravilnye-kontrolnye-tochki-v-css.html
Где проекты на битриксе? Какова ваша компетенция заявлять что-то о битриксе?
1. Категоризация приложений
2. Часто используемые стоят первыми
3. Удобный алфавитный поиск приложений
id — должен быть уникальным по своей логике, зачем ее ломать? Ради каких целей?
Можно использовать бэм или не использовать его. Стили изолированно можно писать как угодно. JS к классам с префиксом js- или, в крайнем случае, к дата атрибутам.
Привязка к именам тегов — это не гибко, в случае статьи — невалидно.
Привязка к id — ограничение на использование один раз этого блока на странице
этакая нейросеть с болезнью шизофазия
1. Вынесите стили и скрипты из папки /bitrix;
2. Минифицируйте все у себя, а не средствами битрикса;
3. Для скриптов, которые должны быть в доме страницы можно использовать:
4. Обязательно включите gzip на сервере.