Как стать автором
Обновить
114
Карма
0
Рейтинг
Ihor Zenich @Delka

Frontend Developer for EPAM Systems

Как называть css-классы

Автор SMACSS тоже сказал что нужно просто использовать BEM: https://twitter.com/snookca/status/606908589295464449

Новая ICQ для Windows, открытый код и кое-что еще

По идее — залогинится, вбить в свой профиль email и номер телефона, а после этого — пробовать восстановить пароль через https://icq.com/password/ru

Новая ICQ для Windows, открытый код и кое-что еще

Восстановление пароля на сайте ICQ: https://icq.com/password/ru, просто указываете UIN, а там уже аська сама предложит что сможет для восстановления — или на почту отправит ссылку для сброса (если указана почта), или смс для сброса пришлёт (если номер телефона указан).

Новая ICQ для Windows, открытый код и кое-что еще

Восстановил пароль на ICQ и QIP, давно хотел, вот появился повод.
В сети даже есть живые люди, круто, попробуем пользоваться снова.

Lamptest.ru: протестировано 557 ламп

Протестуйте 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
— переформулировано без описания технологий пожелание о разбиении верстки на шаблоны
— добавлена рекомендация складывать иллюстрации в отдельную папку.

Видео доклада «Пишем #b_ правильно» с WebCamp 2015

+1 и также это повышает специфичность селектора, что ограничивает вас в действиях — вы не сможете писать стили на сам .element без !important или без указания контекста (блока родителя .block).

Видео доклада «Пишем #b_ правильно» с WebCamp 2015

Официальное видео ожидается в течение месяца-двух, пока что у нас есть только «пиратская» запись.

Чек-лист вёрстки. Что можно отдавать клиенту, а что надо переделывать

Я имею в виду саму идею использования мета-языков над CSS.
Не уверен стоит ли делать сноску вида «а вообще вы можете генерить css не только с помощью sass». Чеклист ориентирован на устоявшиеся практики (во многом он систематизировал их и помог им стать стандартом де-факто), практики, которые можно рекомендовать всем и в первую очередь — менеджеру/клиенту, который проверяет работу или выставляет это чеклист как гайдлайн. Код на sass будет легко развивать и поддерживать.

То что существуют постпроцессоры и их рекомендовано использовать — в чеклисте есть.

Чек-лист вёрстки. Что можно отдавать клиенту, а что надо переделывать

Добавлено требование использования препроцессоров и рекомендация использования систем сборки.

Последний день ранней регистрации на WebCamp и дополнительные скидки для читателей Habrahabr

Да, русский и английский.

Gmail и Skype грозит запрещение в России. А также остальным email и IM сервисам

Айтишники очень даже участвуют в революциях: dou.ua/lenta/news/sergii-bondarev/

Информация

В рейтинге
Не участвует
Откуда
Харьков, Харьковская обл., Украина
Дата рождения
Зарегистрирован
Активность