БЭМ - верстка вместе и без проблем

Презентация из видео:
docs.google.com/presentation/...
Документация:
ru.bem.info/methodology/quick...
Информация по SASS/SCSS:
sass-scss.ru/

Пікірлер: 32

  • @meowmeowmeowmeow000
    @meowmeowmeowmeow0006 ай бұрын

    Спасибо за отличное видео, хороший добрый мужик рассказал все понятно и с юморком, благодаря таким людям и хочется даль

  • @Rclass

    @Rclass

    6 ай бұрын

    Спасибо, мы старались для вас :)

  • @websoda
    @websoda4 жыл бұрын

    Алло, БЭМ, это Данила. БЭМ, ай нид хелп!

  • @user-uf5xw3zt7x
    @user-uf5xw3zt7x3 жыл бұрын

    Все очень доступно объяснили, спасибо большое за такой контент!👍🏼👍🏼👍🏼

  • @Rclass

    @Rclass

    3 жыл бұрын

    Спасибо, мы старались ^_^

  • @user-bu1km5zt8c
    @user-bu1km5zt8c4 жыл бұрын

    Очень интересно, спасибо!

  • @web_kub
    @web_kub4 жыл бұрын

    О супер! Очень помагло. Спасибо!

  • @websoda

    @websoda

    4 жыл бұрын

    действительно! теперь не представляю свою жизнь без БЭМа!

  • @alexsuvorov4663

    @alexsuvorov4663

    4 жыл бұрын

    Почитай еще учебник русского ) тоже поможет )

  • @sainttiro
    @sainttiro4 жыл бұрын

    Ну насыпем лайков пачку!

  • @websoda
    @websoda4 жыл бұрын

    Элита смотрит в 360p!

  • @jackdoe1312
    @jackdoe13123 жыл бұрын

    Главное- это кружка пенного в левом верхнем углу)

  • @Rclass

    @Rclass

    3 жыл бұрын

    Воистину!

  • @daniilnexus

    @daniilnexus

    3 жыл бұрын

    Ну да, алкаш к 45 годам)

  • @battalov_u
    @battalov_u2 жыл бұрын

    Спасибо за видос все четко и понятно. А файловую структуру тоже применяете?

  • @Rclass

    @Rclass

    2 жыл бұрын

    Нет, у нас каждый отдельный блок - это отдельный файл *.scss, они собираются иногда автоматически из html/twig/tpl/vue иногда вручную , зависит от ситуации.

  • @mr.cannabis471
    @mr.cannabis4714 жыл бұрын

    даешь БЭМ, скажи нет помойке-коду

  • @Lbkj777
    @Lbkj7773 жыл бұрын

    А правильно ли использовать два тире перед наименованием модификатора? К примеру, nav__link--hover

  • @Rclass

    @Rclass

    3 жыл бұрын

    Вполне, суть в том чтобы визуально вы понимали где блок, где элемент, а где - модификатор. А символы можно использовать любые допустимые :)

  • @daniilnexus

    @daniilnexus

    3 жыл бұрын

    Обозначения двумя тире модификатора и его значения более канонично. nav__link--hover--green (nav - блок, link - элемент, hover - модификатор, green - значение модификатора)

  • @user-uf5xw3zt7x
    @user-uf5xw3zt7x3 жыл бұрын

    А какая команда клавиш чтобы перейти на css файл из HTML , как было упомянуто?

  • @Rclass

    @Rclass

    3 жыл бұрын

    Добрый день! В любом продукте JetBrains зажмите CMD (в Windows это будет скорее всего CTRL) и щелкните по имени класса.

  • @user-uf5xw3zt7x

    @user-uf5xw3zt7x

    3 жыл бұрын

    @@Rclass спасибо

  • @mariokun
    @mariokun Жыл бұрын

    Почему дочерний елемент класса nav__item называется nav__link, а не nav__item-link ?

  • @Rclass

    @Rclass

    Жыл бұрын

    У элементов нет вложенности, вы вольны называть их как вам хочется) Или как вам удобно)

  • @vip.ted100
    @vip.ted100 Жыл бұрын

    a подскажите что такое CMD и как его включить на маке

  • @Rclass

    @Rclass

    Жыл бұрын

    Наверное имелась ввиду клавиша Command на клавиатуре. Дайте таймкод - скажем точно :)

  • @vip.ted100

    @vip.ted100

    Жыл бұрын

    @@Rclass 15:30

  • @Rclass

    @Rclass

    Жыл бұрын

    @@vip.ted100 А, вы про эту команду) Это мы сами писали небольшую утилитку)

  • @vip.ted100

    @vip.ted100

    Жыл бұрын

    @@Rclass понятно

  • @yyaahooyy
    @yyaahooyy4 ай бұрын

    Мне не нравится такой подход, предпочитаю классический. Он также позволяет сделать разметку hrml чище в некоторых случаях.

  • @Rclass

    @Rclass

    4 ай бұрын

    И HTML-код будет легче. Право на жизнь имеют любые подходы - вопрос в применимости и удобстве в реальных задачах :)