© 2021 WebHive

Всё про вёрстку

Оптимизируем размер иконочных шрифтов

Наверно каждый веб-программист пользовался хоть раз шрифтовыми иконками. Font Awesome, Typicons и иже с ними знакомы каждому. Но вот беда - тащить ради нескольких иконок целый шрифт (а то и не один) довольно накладно. Что-то надо с этим делать.

Читать далее →

Сайт на БЭМ - готовим правильно!

По ходу изучения БЭМ методологии лично у меня возник целый ряд непонятных и даже на первый взгляд нелогичных моментов. Однако проявив терпение и изрядно покопавшись в форумах и разного обсуждениях я нашёл ответ на свои вопросы, что и хочу изложить в данной статье, чтобы не наступать лишний раз на грабли.

Читать далее →

Проект на БЭМ с нуля - ещё немного о CSS - PostCSS

После статьи про БЭМ CSS погрузился в дивный мир современных CSS технологий. В связи с тем, что сам я в основном работаю с Rails, то как оказалось я немного отстал от жизни и пропустил такую интересную штуку как PostCSS, которая потихоньку становится мэйнстримом, чему в немалой степени способствует застой в мире SASS, Compass, Stylus и иже с ними.

Читать далее →

Добавляем в БЭМ проект CSS препроцессоры

В статье Добавляем стили в БЭМ проект мы научили БЭМ проект понимать CSS. Но мы живём уже в 21 веке и использовать голый CSS уже как-то стремновато. Есть же SASS и Stylus. Поэтому давайте-ка задействуем всю мощь этих технологий и попробуем подключить их к нашему БЭМ проекту.

Читать далее →

Добавляем в БЭМ проект стандартные блоки и компоненты

Ранее в статье Создаём минимальный проект на БЭМ c нуля мы создали проект на БЭМ. Однако он пока довольно бесполезен. Пришло время расширить его добавив уже готовые решения и компоненты предоставленные компанией Yandex.

Читать далее →

Создаём минимальный проект на БЭМ c нуля

Несколько раз пытался пощупать БЭМ, но порог входа довольно высок, поэтому раз за разом бросал это дело, хотя внутренне понимал, что рациональное зерно в этом есть. На этот раз решил погрузиться полностью и попробовать собрать проект на полном стеке технологий БЭМ

Читать далее →
1