Comments / Profile of vithar / Habr

А что не так? Сепараторы между блоками / элементами / модификаторами могут быть любые, пока можно программно определить, что есть что в переданной строке.

Удобный БЭМ

74

vithar February 19, 2019 at 03:48 PM

0

В отдельные файлы можно выносить не все элементы/модификаторы, а только то, что опционально. Или вообще ничего не выносить и писать всё в одном файле. Это не противоречит методологии.

Удобный БЭМ

74

vithar February 19, 2019 at 01:01 PM

0

> П.2 Длинные имена классов

ru.bem.info/methodology/naming-convention/#Стиль-no-namespace

Удобный БЭМ

74

vithar February 19, 2019 at 01:01 PM

0

> П.1 Слой модулей и слой страницы

Сделайте уровень переопределения (https://ru.bem.info/methodology/key-concepts/#Уровень-переопределения) «страница» и кладите туда блоки про эту страницу (about-title, about-layout, etc). Не нужно будет изобретать отдельные правила, как вы сделали в первом пункте манифеста.

Вот пример отдельных блоков для промо раздела сайта:

github.com/bem-site/bem.info/tree/master/blocks/promo

Они имеют отдельный префикс и не мешаются с остальными блоками сайта.

На конкретных страницах они доопределяются:

github.com/bem-site/bem.info/tree/master/blocks/methodology-index

Нет ничего плохого в том, что блок используется в одном месте сайта, блоки не обязательно должны повторно использоваться где-то ещё.

Так-так-так, я всё вижу

144

vithar December 19, 2018 at 01:42 PM

0

Меня не предупредили (или я пропустил это). Лучше добавить информацию в пост (на всякий случай) и сделать акцент, да.

Спасибо!

Так-так-так, я всё вижу

144

vithar December 17, 2018 at 05:22 PM

0

Boomburum TShilova добавьте в пост, что на следующий день после операции обязательно нужно обследование. Меня никто не предупредил и мне пришлось с доплатой менять билеты с утра следующего дня на вечер, причём делать это уже после операции, ничего не видя в ноутбуке. Как себе опыт :(

BEM'a не должно существовать

681

vithar November 22, 2018 at 03:37 PM

0

Да.

BEM'a не должно существовать

681

vithar September 7, 2018 at 12:48 PM

–2

БЭМ — это про упрощение разработки для людей

Да, всё верно. Про процесс разработки с БЭМ я рассказывал тут:
https://events.yandex.ru/lib/talks/686/

BEM'a не должно существовать

681

vithar September 7, 2018 at 12:46 PM

0

Именование может быть любым, главное, чтобы можно было программно определить где блок, где элемент, а где их модификаторы/значения:

https://ru.bem.info/methodology/naming-convention/

BEM'a не должно существовать

681

vithar September 7, 2018 at 12:44 PM

0

Раскладывайте элементы по файловой структуре и всё будет удобно и однозначно:
https://ru.bem.info/methodology/filestructure/

BEM'a не должно существовать

681

vithar September 7, 2018 at 12:37 PM

0

А в это время в другой вселенной дизайнеры САМИ программируют дизайн систему:

http://whitepaper.tools

BEM'a не должно существовать

681

vithar September 7, 2018 at 12:25 PM

+1

JFYI класс article__heading_level_1_active не по БЭМ.

BEM'a не должно существовать

681

vithar September 7, 2018 at 12:24 PM

0

В article-rewind__next-text всё правильно написано. Это элемент next-text блока article-rewind.

Реактивный фронтенд. История о том, как мы снова всё переписали

47

vithar June 17, 2018 at 09:29 AM

0

Оно лежит в понятных местах на ФС и в полнотекстовом поиске по всему проекту нет необходимости.

Реактивный фронтенд. История о том, как мы снова всё переписали

47

vithar June 17, 2018 at 09:27 AM

0

Правда, по правилам БЭМ, придется разнести его аж по трем директориям

Не обязательно, этот код может быть записан в файле блока.

Как мы нанимаем с помощью буткемпа. Опыт отдела поисковых интерфейсов

4

vithar May 24, 2018 at 06:01 PM

0

Да, за 10 недель разработчик успевает счекаутить/собрать три проекта и сделать в них минимум по три задачи плюс одна. Документация у нас есть.

Задачи относительно простые, но обучающие.

Как мы нанимаем с помощью буткемпа. Опыт отдела поисковых интерфейсов

4

vithar May 24, 2018 at 02:36 AM

0

Бывают, в этом случае кандидат не проходит испытательный срок и мы расстаёмся.

Зачем нужен БЭМ

81

vithar October 17, 2017 at 09:47 PM

+1

Так хорошо

.block_theme_big .block__elem

А так плохо

.block .another-block__elem

Зачем нужен БЭМ

81

vithar October 17, 2017 at 05:17 PM

+1

БЭМ не запрещает использовать :first-child и прочие псевдоклассы.

Не рекомендуется использовать селекторы на теги и каскад от внутренностей одного блока к другому блоку / его элементам.

Зачем нужен БЭМ

81

vithar October 3, 2017 at 04:53 PM

0

Самая главная проблема тут — нарушение инкапсуляции. По-хорошему, блок знает только про свои элементы и обращается к ним, а в этом примере блок header обращается к элементам блока button, что ведёт к очень болезненному рефакторингу, когда изменится внутренняя структура блока button.

ru.bem.info/methodology/css/#Принцип-открытостизакрытости

Зачем нужен БЭМ

81

vithar October 3, 2017 at 04:42 PM

0

Нет ничего плохого в front-page__section-promo-subinfo-title. Зато тут програмно можно определить, что front-page это блок, а section-promo-subinfo-title — элемент.

Но я бы скорее сделал front-page__section и front-page__subinfo-title

Зачем нужен БЭМ

81

vithar October 3, 2017 at 04:38 PM

0

Когда нужно что-то изменить в готовом компоненте, создаётся модификатор этого компонента на своём уровне, в котором точечно доопределяются/переопределяются элементы этого компонента, добавляя нужные миксы к другим элементам этого компонента или к другим компонентам.

Это позволяет не писать стили вида

.my-component__element .foreign-component__element

а писать

.foreign-component_my-style .foreign-component__element

Зачем нужен БЭМ

81

vithar September 23, 2017 at 04:03 PM

0

У нас всё сделано из компонент (блоков) у каждого из которых свой шаблон. И мы можем добавить произвольный класс элементу или в шаблон компонента (bemhtml) или на уровне данных (bemjson).

Зачем нужен БЭМ

81

vithar September 23, 2017 at 11:11 AM

+2

В этом нет смысла. Текущая методология достаточно обрезана бритвой Оккама, чтобы быть способной выразить всё, что нужно.

Зачем нужен БЭМ

81

vithar September 23, 2017 at 11:11 AM

0

~~del~~

Зачем нужен БЭМ

81

vithar September 23, 2017 at 09:54 AM

+1

Это не БЭМ. Ключевое отличие БЭМ от любого другого именования с кучей подчёркиваний — можно в любой момент программно определить что есть блок, что элемент, а что модификатор в любом произвольном идентификаторе.

https://ru.bem.info/methodology/naming-convention/

Зачем нужен БЭМ

81

vithar September 23, 2017 at 09:49 AM

0

https://ru.bem.info/methodology/faq/#Зачем-указывать-имя-блока-в-именах-модификаторов-и-элементов

Зачем нужен БЭМ

81

vithar September 23, 2017 at 09:44 AM

0

Это чистый БЭМ, называется миксы и так и рекомендуется делать в документацмм :

https://ru.bem.info/methodology/css/#Миксы

Зачем нужен БЭМ

81

vithar September 23, 2017 at 09:42 AM

0

Мы для отделения слов внутри имени используем -, а не _

Зачем нужен БЭМ

81

vithar September 23, 2017 at 09:40 AM

0

Тут имя модификатора — focused

Лекция Виталия Харисова «10k»

23

vithar September 15, 2017 at 09:51 AM

0

Много всего используется. И tcp-info, и определение скорости загрузки suggest на главной и в поиске, и настройка пользователя save-data: on в браузере.

Как правило, сначала показывается основная версия, а при следующем запросе лёгкая. Но иногда по tcp-info можно понять, что сразу надо отдавать лёгкую.

Лекция Виталия Харисова «10k»

23

vithar September 15, 2017 at 09:49 AM

0

yandex.ru/search/touch/?lite=1&text=котики

Должен быть мобильный User Agent.

Лекция Виталия Харисова «10k»

23

vithar September 4, 2017 at 02:58 PM

0

У нас БЭМ, поэтому такой проблемы просто нет.

Лекция Виталия Харисова «10k»

23

vithar September 3, 2017 at 11:50 AM

+1

В десктопной Бабуле везде просто растр. Там нет ретины и проще отдавать один вариант всем. Там нет острой необходимости сделать минимально.

Лекция Виталия Харисова «10k»

23

vithar September 3, 2017 at 11:42 AM

0

Всегда можно было.

Лекция Виталия Харисова «10k»

23

vithar September 3, 2017 at 11:35 AM

+1

Количество пользователей, устройства которых не поддерживают SVG, но поддерживают VML настолько мало, что нет смысла делать отдельный формат, который никто не знает, непонятно как редактировать.

Лекция Виталия Харисова «10k»

23

vithar September 3, 2017 at 11:33 AM

+1

Простой и понятный дизайн можно сделать сложно и наоборот.

Реализация мобильной Бабули как раз в том и состоит, чтобы сделать минимальный код, сохранив дизайн основной версии.

Виталий Харисов vithar

Profile

Posts 1

Comments 386

Bookmarks 8

Info

Contribution to hubs

Your account

Sections

Info

Services