Pull to refresh
114
0
Ihor Zenich @Delka

Frontend Developer for EPAM Systems

Send message
Автор SMACSS тоже сказал что нужно просто использовать BEM: https://twitter.com/snookca/status/606908589295464449
По идее — залогинится, вбить в свой профиль email и номер телефона, а после этого — пробовать восстановить пароль через https://icq.com/password/ru
Восстановление пароля на сайте ICQ: https://icq.com/password/ru, просто указываете UIN, а там уже аська сама предложит что сможет для восстановления — или на почту отправит ссылку для сброса (если указана почта), или смс для сброса пришлёт (если номер телефона указан).
Восстановил пароль на ICQ и QIP, давно хотел, вот появился повод.
В сети даже есть живые люди, круто, попробуем пользоваться снова.
Протестуйте Maxus, пожалуйста, если есть возможность.
Повышая специфичность, вы лишаетесь возможности менять разметку и переносить блоки: delka.name/blog/2013/04/bem-otkroveniya-prinyavshih-veru

Я тоже раньше так писал, но таким блокам нужно создать (скопировать) контекст! Им нужно создать вокруг них, выше, те же самые блоки с такими же классами. Если тебе нужно перенести блок на другую страницу — тебе нужно создать такие же родительские блоки. Или нафигачить кучу бессистемных multiple classes :(
А вот тоже самое от автора MCSS: habrahabr.ru/post/256109/#comment_8442829
Вот оно:
@HugoGiraudel Most common misspelling is “SMACCS”. I should just rename it to BEM.— Snook (@snookca) 5 июня 2015
И про то, кому БЭМ облегчает работу:

Например, если бы я попросил вас удалить все классы, относящиеся к пользователю, в этом куске кода, какие бы вы выбросили?
<div class="media user premium">
  <img class="img photo avatar" src="" />
  <p class="body bio">...</p>
</div>


…а в этом?
<div class="media user--premium">
  <img class="media__img user__photo avatar" src="" />
  <p class="media__body user__bio">...</p>
</div>
БЭМ не противопоставляет себя семантической верстке.
БЭМ дополняет её, вносит ещё один уровень смысла (семантики) в документ.

Презентационная верстка: мы знаем что есть какая-то красная кнопка.
<input class="big_red_button">


Семантическая верстка: мы знаем что это какая-то кнопка покупки товара.
<input class="order-button">


Семантическая верстка + БЭМ: это кнопка оплаты в форме покупки со скидкой.
<input class="order-button discount-checkout__submit">
Добавил требование поддержки Retina.
Дополнил «18. Мелочи» требованием что изображения должны масштабироваться в зависимости от размера окна.
Актуализировал рекомендации по оптимизации скорости загрузки.
Актуализировал список исключений для CSSLint
На GitHub подробней раскрыт пункт №12 «плохо»/«хорошо»
Пункт №12 — актуализирован:
— про хаки в css и как писать код для разных браузеров
— что пустые блоки не запрещены, а нежелательны и их можно заменить на псевдоэлементы
— добавлено пояснение, что нужно просто юзать Normalize для того, чтоб были базовые стили элементов (а не голые стили от CSS Reset)
— объяснил что «последовательное уточнение стилей» — это для текста и не касается стилей для блоков (там используем БЭМ)
— уточнил что не просто плохо, а нельзя вешать стили на селекторы вложенных элементов, без классов. И что именно вложенных элементов, а не одиночных, а для одиночных нужно юзать блок .b-text
— переформулировано без описания технологий пожелание о разбиении верстки на шаблоны
— добавлена рекомендация складывать иллюстрации в отдельную папку.
+1 и также это повышает специфичность селектора, что ограничивает вас в действиях — вы не сможете писать стили на сам .element без !important или без указания контекста (блока родителя .block).
Официальное видео ожидается в течение месяца-двух, пока что у нас есть только «пиратская» запись.
Я имею в виду саму идею использования мета-языков над CSS.
Не уверен стоит ли делать сноску вида «а вообще вы можете генерить css не только с помощью sass». Чеклист ориентирован на устоявшиеся практики (во многом он систематизировал их и помог им стать стандартом де-факто), практики, которые можно рекомендовать всем и в первую очередь — менеджеру/клиенту, который проверяет работу или выставляет это чеклист как гайдлайн. Код на sass будет легко развивать и поддерживать.

То что существуют постпроцессоры и их рекомендовано использовать — в чеклисте есть.
Добавлено требование использования препроцессоров и рекомендация использования систем сборки.
Айтишники очень даже участвуют в революциях: dou.ua/lenta/news/sergii-bondarev/
1
23 ...

Information

Rating
Does not participate
Location
Харьков, Харьковская обл., Украина
Date of birth
Registered
Activity