БЭМ - простыми словами. Часть 1

  Рет қаралды 16,092

Александр Дудукало

Александр Дудукало

Күн бұрын

Пікірлер: 185
@matthewbellamy4008
@matthewbellamy4008 Жыл бұрын
Друг, как же ты круто объясняешь. Очень редко встречаю таких людей
@alex_dudukalo
@alex_dudukalo 11 ай бұрын
Очень приятно читать :) Комментарий поднял настроение. Рад, что видео понравилось. Обязательно посмотрите вторую часть. Хорошего дня :)
@dr.angelicus149
@dr.angelicus149 5 күн бұрын
Хорошее видео. Автор последовательно, не нагружая зрителя, рассказывает и показывает суть БЭМ. Мне нравится, когда информацию подают порциями: чтобы понять сложные вещи, сначала нужно понять простые.
@schizaaaaa
@schizaaaaa 11 ай бұрын
Александр, доброго времени суток! Благодарю Вас за прекрасный урок по методологии БЭМ. Урок хорошо усваивается, а самое главное, что в уроке нет воды, одна практика. Но, у меня небольшая просьба, если Вы параллельно задаете какие-либо вопросы по CSS, не могли бы Вы делать небольшую паузу(достаточно 2-3 секунд), и раскрывать ответ на свой вопрос, таким образом урок был бы более целостным, пробелы были бы закрыты. Были моменты, которые я впервые открыл для себя, а ответов на них не последовало, к сожалению. Желаю Вам успехов и исполнения всех желаний в Новом году!
@ЮляСолнце-ь2у
@ЮляСолнце-ь2у Жыл бұрын
Наконец у меня есть постоянный учитель, от которого я не бегаю по разным другим!! Спасибо, спасибо и ещё раз спасибо❤
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Безумно приятно читать такие комментарии ☺ спасибо! Ваша поддержка очень вдохновляет 🤗
@relaxdeepsleepmusic3608
@relaxdeepsleepmusic3608 Жыл бұрын
Супер, как раз перед сном годный контент, лучше любого фильма!👍
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Это очень приятно. Кстати, я тоже вместо просмотра фильма в воскресенье выбрал вариант записи ролика на ютуб :))
@FrontendPlace
@FrontendPlace 7 ай бұрын
Лучшее объяснение. Сколько видео не смотрел, понял не мог. Спасибо тебе большое. Удачи в развитии
@alex_dudukalo
@alex_dudukalo 7 ай бұрын
Очень приятный комментарий ) Спасибо вам. Рад, что помог разобарться
@philkadir0v
@philkadir0v 10 ай бұрын
Пересмотрел 5-6 видео на тему БЭМ, у вас реально доходчиво, простым языком и на практике. Спасибо, пошел смотреть вторую часть материала)
@denwolf9159
@denwolf9159 Жыл бұрын
Отличный ролик! Спасибо. Наконец понял про запрет марджин в БЭМ блоке
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за Ваш комментарий😊
@martakarelina1661
@martakarelina1661 27 күн бұрын
Александр, огромное спасибо за ваш труд! Все всегда понятно,, простыми словами и примерами. Лучшее обьяснение! Всегда путалась в вопросе БЭМ, надеюсь теперь будет намного легче)
@vvks9901
@vvks9901 Жыл бұрын
Круто, что среди множества подобных видео, продолжают снимать новые видео на эти же темы! Свежак всегда приятнее смотреть! Спасибо!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за комментарий 🔥
@kosmonavt980
@kosmonavt980 2 ай бұрын
отличный урок по БЭМ, наконец-то стало все понятно, спасибо, Александр!
@alex_dudukalo
@alex_dudukalo 2 ай бұрын
Большое спасибо за такой приятный комментарий :)
@ВераВоробьева-с3д
@ВераВоробьева-с3д 3 ай бұрын
Александр, вы шикарно объясняете! Спасибо за то, что вы делаете это в фигме, мне помогает как дизайнеру все понять. Пересмотрела кучу роликов, где дядьки просто орали на код в редакторе и только ваше видео помогло все расставить на свои места😅
@alex_dudukalo
@alex_dudukalo 3 ай бұрын
Очень приятный комментарий :) Вы подняли мне настроение. Спасибо, я рад, что видео вам понравилось. Давно использовал фотошоп. Кажется практически все перешли на фигму :)
@ОлегБулан-о4с
@ОлегБулан-о4с 7 ай бұрын
Очень хорошая подача материала.
@alex_dudukalo
@alex_dudukalo 7 ай бұрын
Спасибо за такой приятный комментарий. Я рад, что видео вам понравилось :)
@love_SF
@love_SF 9 ай бұрын
Никто не подсказал, что вместо min-height написано min-width :( Что касается темы - это лучшее объяснение, что я видел на ютьюбе!!!
@влак-м2с
@влак-м2с 5 ай бұрын
Супер! Спасибо! Понятно объясняешь!!!!
@alex_dudukalo
@alex_dudukalo 5 ай бұрын
Спасибо за просмотр :)
@Alexey-c9o
@Alexey-c9o 10 ай бұрын
Классно, понятно, без воды, голос у автора классный, хорошо объясняет даже умственно отсталые поймут)
@alex_dudukalo
@alex_dudukalo 10 ай бұрын
Cпасибо :) Приятно было прочитать ваш комментарий :)
@МохмадНаврузов-ю5щ
@МохмадНаврузов-ю5щ 4 ай бұрын
Молодец,качественный контент!Хорошо постарался.
@alex_dudukalo
@alex_dudukalo 4 ай бұрын
Большое спасибо за такой приятный отзыв :)
@olegdp
@olegdp 10 ай бұрын
Благодарю. Хорошее, подробное объяснение.
@alex_dudukalo
@alex_dudukalo 10 ай бұрын
Спасибо за ваш комментарий :) Очень приятно.
@andreyfedyukin8360
@andreyfedyukin8360 Жыл бұрын
Супер! 👍 Спасибо. Как всегда всё очень доступно и понятно.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за отзыв, 😊ваши комментарии очень мотивируют 🔥
@badandr
@badandr Жыл бұрын
Александр, спасибо большое за видео! Теперь я знаю что такое БЕМ!)
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за Ваш комментарий😊 приятно, что с моими видео Вы узнаете что-то новое 🤗
@RuslanaRovdo
@RuslanaRovdo Жыл бұрын
Мне показалось, что ваше объяснение для чего нужен и как использовать БЭМ самое понятное из всех, что мне встречались. Даже на курсе толком не пояснили.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за Ваш комментарий 😊 рад, что видео вам помогло разобраться в БЭМ)) скоро выйдет вторая часть, надеюсь и она будет вам полезна 🤗
@solar_inside
@solar_inside Жыл бұрын
Какие же крутые уроки, очень доступно и без воды! Огромное спасибо.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за отзыв 😊 ваши комментарии очень мотивируют))
@владимиркорольков-ч6г
@владимиркорольков-ч6г Жыл бұрын
Здравствуйте. Очень интересно рассказываете.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Здравствуйте. Спасибо за Ваш комментарий😊
@ЮляСолнце-ь2у
@ЮляСолнце-ь2у Жыл бұрын
Как всегда классное объяснение и куча полезной информации! Спасибо, Александр 😊
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий😊🔥
@v.depressed
@v.depressed Жыл бұрын
Всегда думал что верстаю правильно по БЭМу теперь оказалось что я не тот смысл вкладывал. Спасибо за ролик всё простым языком понятно.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Я очень рад. что ролик был для вас полезным :) Обязательно посмотрите вторую часть. Интересно будет узнать ваше мнение :)
@Path_to_Success-6
@Path_to_Success-6 Жыл бұрын
Спасибо огромное за подробное видео, особенно за объяснение, как переиспользовать блоки!!!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий🤗 надеюсь и другие видео канала будут вам полезны))
@ludmilas9137
@ludmilas9137 Жыл бұрын
Спасибо 🙏💕 Как всегда, очень подробное и понятное объяснение. Особенно ценно, что применяется на практике! Практика необходима! Добра вам!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за Ваш комментарий😊 приятно, что вы также оценили домашние задания 😊 надеюсь и другие видео курса будут вам полезны))
@dukecca
@dukecca Жыл бұрын
Обязательно продолжать! Ждем следующего)
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Так приятно читать такие комментарии 😊 спасибо, ваша поддержка очень мотивирует
@alonewolf2610
@alonewolf2610 9 ай бұрын
Классно и понятно. Спасибо вам за урок.
@Youmakes
@Youmakes Жыл бұрын
Вселенская благодарность за подробный урок по БЭМ 🎉
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо 🔥🤗 надеюсь и другие видео канала будут вам полезны)))
@ЕвгенийСеменов-н6н
@ЕвгенийСеменов-н6н Жыл бұрын
на столько просто и понятно) спасибо, самое главное продолжай !!!!!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий 🤗 буду стараться
@СтаниславГорячев-г1ъ
@СтаниславГорячев-г1ъ Жыл бұрын
Александр, спасибо освежил знания
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за отзыв))
@1.meeri12
@1.meeri12 7 ай бұрын
Спасибо за доступное объяснение💙
@ДианаСоловьева-й6е
@ДианаСоловьева-й6е Жыл бұрын
Александр, спасибо за такое подробное объяснение 🔥 Ваши видео не раз мне помогали в работе.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за отзыв 🤗 рад, что мои видео вам помогают))
@VItaliy-beldiy
@VItaliy-beldiy Жыл бұрын
всегда рад новым видео))!!!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Виталий, спасибо 😊 Ваша поддержка вдохновляет 🔥
@виталийбельдий-в1ц
@виталийбельдий-в1ц Жыл бұрын
мне очень нравится ваш контент, потому хочется как-то поучаствовать, вот мои мысли как можно улучшить канал( возможно они не очень, но вдруг мои мысли натолкнут тебя на что-то полезное для канала) 1. придумывай дз для двоих и больше людей, идею в том чтобы синхронизировать людей которые хотят обучаться + новые знакомства и более эффективное обучение ( я например обучаюсь сам) и было бы полезно проговаривать с кем-то выученный материал) 2. придумывать классные викторины по знаниям js, html, css, что даст участие в каждом видео и добавит уверенности в себе при знании вопросов 3.и если я не ошибаюсь то контента по истории цифрового мира вообще нету, про эволюцию программирования да и вообще веб технологий, можно делать видео по 10-15 минут это привлечет больше аудитории на канал!😊 4. делай голосование видео каких технологий записать
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Здравствуйте, Виталий. У вас отличная идеи. 1) Я хотел придумать командные работы, но думаю, что скоро сделаю это конкретно для двоих. Спасибо, забираю это предложение. Возможно вы захотите принять участие :) 2) Думаю это можно сделать, подумаю об этом формате. 3) Да, это уже готовится. Сейчас этап написания сценария. Для меня это очень интересный опыт :) Очень интересно, что получится. Согласен с тем, что нужен контент для более широкой аудитории. 4) Да, сделаю в дискорд :) С БЭМ закончу и можно сделать У вас отличные идеи, забираю их все. Спасибо за это. Думаю, скоро вы увидите их реализацию. Не все сразу, конечно. Но, сделаем :)
@виталийбельдий-в1ц
@виталийбельдий-в1ц Жыл бұрын
я з большим удовольствием приму участие) я готов!!!
@виталийбельдий-в1ц
@виталийбельдий-в1ц Жыл бұрын
так что запишите мне в блокнот я на очереди 😊
@ЕленаЛемзикова
@ЕленаЛемзикова 11 ай бұрын
Спасибо большое за Ваши видео и объяснения!!! Жду с нетерпением видео по вёрстке макета по БЭМ. Не планировали ли, случайно, опубликовать до НГ? Это как подарок подписчикам к новому году получится😊!
@slavaProg
@slavaProg 7 ай бұрын
Мне очень обидно что на таком замечательном какале так мало подписчиков и лайков! Александр я восхищаюсь вами за такое объяснение и четкое понимание дела - желаю успеха в развитии канала выпускайте почаще🙂
@НикитаСмирнов-ъ2п
@НикитаСмирнов-ъ2п Жыл бұрын
Александр, спасибо большое за полезное видео, подачу и практику!)))) Вы молодец, успехов в дальнейшем развитии)))
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо большое за ваш комментарий и поддержку😊 надеюсь и другие видео курса будут Вам полезны))
@tatan2541
@tatan2541 Жыл бұрын
Все понятно и доступно, учусь только верстать и хочу делать это правильно и тут такое видео, спасибо вам за это видео!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий 😊надеюсь и другие видео курса будут вам полезны
@furgos6611
@furgos6611 Жыл бұрын
Просто лучший ,спасибо за все❤
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо ☺ ваша поддержка очень вдохновляет)) оставайтесь на канале))
@OlgaVO
@OlgaVO Жыл бұрын
Александр спасибо, жду с нетерпением продолжения! Всё очень понятно объясняете, я Рада, и качество изображения топ. Действительно сейчас во многих вакансиях требование БЭМ поэтому хочется скорее продолжения 🤍🤍👍🏻
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за отзыв, рад, что видео Вам полезно 🤗 сегодня как раз вышла вторая часть))
@tigrext20
@tigrext20 Жыл бұрын
Ждём продолжения!)
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Приятно, что ждете новые видео,спасибо 🤗 в ближайшие дни будет 😎
@Vadim-k4o
@Vadim-k4o Жыл бұрын
Очень хорошая подача учебного матерьяла. Спасибо.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо 🤗 ваша поддержка очень важна, надеюсь и другие видео канала будут вам полезны)))
@Danilina-VA
@Danilina-VA Жыл бұрын
Александр, огромное спасибо! ролик прекрасный. Пошла смотреть второй ) PS: вдвойне приятно смотреть видео, когда оно сопровождается знакомым голосом куратора🥰
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Очень приятно читать такой комментарий😊 надеюсь ролики вам помогают и вы достигнете целей, которые перед собой поставили 🔥 оставайтесь со мной на канале, спасибо Вам!)
@elmirweb6583
@elmirweb6583 Жыл бұрын
Мне кажется, что использование margin-bottom спорное решение, я использую row-gap, column-gap в зависимости от того, как направления главная ось flex-box, чтобы получить отступы между элементами друг под другом.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Здравствуйте, Эльмир. Очень хорошее замечание и я с вами соглашусь. В этом примере удобнее было бы использовать gap для создания отступов. Но проблем в том, что в макете отступы между элементами карточки разные. И я так же хотел показать этим, что элементам внутри блока можно создавать внешний отступы. И подчеркнуть, что для блоков этот делать не следует. Но gap я люблю :)
@yaroslav_besfalin
@yaroslav_besfalin 3 ай бұрын
Каайф, спасибо понятный гайд❤
@a1dar92
@a1dar92 Жыл бұрын
Спасибо за понятное объяснение
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий😊
@kontorasb2754
@kontorasb2754 Жыл бұрын
Суппер!!!! Вот теперь стало понятно!!!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Рад, что видео оказалось вам полезным 😊 спасибо за отзыв
@weepie9103
@weepie9103 8 ай бұрын
Очень круто, thx!
@nargizagayfullina4062
@nargizagayfullina4062 Жыл бұрын
Ваша серия выпусков по БЭМ ,возможно, будет первой в youtube с подробным и медленным объяснением этой технологии. Жду ролик с практикой , очень хотелось бы , чтобы вы сверстали большой полноценный макет с применением БЭМ. 🔥☄️ Спасибо!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Здравствуйте, Наргиза. Спасибо за ваш комментарий и что выделили это видео от других. Мне очень приятно. Да, практика будет. Обязательно. На ней постараюсь максимально раскрыть эту тему. Интересно будет узнать ваше мнение.
@vovangugal2016
@vovangugal2016 Жыл бұрын
все круто жду продолжения
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий))
@СтаниславГорячев-г1ъ
@СтаниславГорячев-г1ъ Жыл бұрын
Ждем продолжение
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Уже вышло 🔥🔥🔥
@eugeniotur
@eugeniotur 7 ай бұрын
exelente classe gracias por tu trabajo....!!!
@the.lightfall
@the.lightfall Ай бұрын
Что-то, видимо, изменилось в верстке, ибо даже исходники при открытии показывают иной результат. (По началу думал, что я неправильно что-то написал). Затестит в еще паре браузеров - тот же результат =3 Несхождение в элементе card__price-rating, где после применения justify-content: space-between рейтинг (звезды) выходят за границы карты, что весьма странно. Теперь буду чесать голову, почему так )
@alex_dudukalo
@alex_dudukalo Ай бұрын
Интересно, я бы посмотрел проблему. Если есть возможность показать скриншотами, было бы замечательно. Кажется в верстке пока ничего не менялось, но кейс интересный )
@АлексейАлексеев-к1ю2ж
@АлексейАлексеев-к1ю2ж Жыл бұрын
Спасибо, очень доходчиво.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий🤗
@andrey-frontend
@andrey-frontend Жыл бұрын
Спасибо, Александр) Одно не понравилось, я очень ждал, что вы обнулите отступ h3,но так и не дождался)
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Да, только сейчас заметил, что я это пропустил. Эх, видео уже на канале (( Действительно, верхний отступ нужно было убрать. Очень приятно, что вы внимательно смотрели ролик :)
@ruchnaya_klad_konst
@ruchnaya_klad_konst Жыл бұрын
Спасибо вам за вашу работу!) Расскажите, пожалуйста, про MVC, лучше вас никто информацию не даст)))☺
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Здравствуйте, Юлия. Спасибо вам. Да, это интересная тема и довольно сложная для новичка. Но я думаю можно попробовать объяснить на простом примере. Думаю, как это можно сделать :) Спасибо за идею.
@_NeRoKi_
@_NeRoKi_ Жыл бұрын
Супер! 👍 как всегда все понятно. Будет ли видео по DOM?
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Да, такое видео обязательно планируется :) В контексте видео по JS
@mind150
@mind150 Жыл бұрын
Спасибо! Классно)
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за обратную связь 😊
@МаринаИванова-в4е
@МаринаИванова-в4е Жыл бұрын
Александр, спасибо за видео! Редко кто может так просто и понятно доносить информацию. Все супер!!! А не планируете ли Вы серию видео о React, Vue и Angular? 😉
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Здравствуйте, спасибо вам. Да, обязательно планирую. А именно рассказать про VUE. Закончу серию роликов по JS и буду работать с VUE.
@AnatolyGradovoy
@AnatolyGradovoy 11 ай бұрын
порой самая большая проблема - это придумать классы да еще и по бему
@ЕвгенийСальников-ь7ь
@ЕвгенийСальников-ь7ь Жыл бұрын
Всем доброго времени суток! Написал две кнопки, класс btn применяется к обоим, а выглядят они по разному. Подскажите почему? Кнопка Кнопка body { margin-top: 50px; padding: 0; text-align: center; box-sizing: border-box; } .btn { font-size: 16px; color: white; background-color: #3bca09; border-radius: 10px; padding: 13px 20px; text-decoration: none; border: none; outline-offset: none; /* transition: all 3s ease; */ transition: background-color .3s; } .btn:hover { background-color: #70e944; } .btn:active { background-color: #468f2b; } .btn:focus { outline: 1px solid #68c945; outline-offset: 3px; }
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Здравствуйте, это связано с тем, то у тега button и у тега a по умолчанию браузер уже задает стили. Вам нужно к классу btn добавить дополнитеные стили для сброса: .btn { display: inline-block; outline: none; font-size: 16px; color: white; background-color: #3bca09; border-radius: 10px; padding: 13px 20px; text-decoration: none; border: none; outline-offset: none; /* transition: all 3s ease; */ transition: background-color .3s; }
@ЕвгенийСальников-ь7ь
@ЕвгенийСальников-ь7ь Жыл бұрын
@@alex_dudukalo Большое спасибо!
@Evgeny1996
@Evgeny1996 Жыл бұрын
Спасибо за урок! Получается, что к первой кнопке никак нельзя добавлять отступы?
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам :) Да, классу btn отступы не задаем. В следующем видео я подскажу, как это сделать через модификатор :)
@МистерБут-ф4т
@МистерБут-ф4т 9 ай бұрын
Спасибо большое друг! Очень полезная информация и в общем ролик огонь!👍👍👍 Доступно объесняешь 👍
@АхметшаШарипов
@АхметшаШарипов Жыл бұрын
Расскажите про сбросы стилей в БЭМ, назначения классов для html и body. Отдельное упоминание про универсальный селектор в бэм * { }
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Очень хорошее предложение :) Думаю, обязательно сделаю это в видео с практикой :) Оно будет в серии роликов по БЭМ :)
@akmalpalvanov4443
@akmalpalvanov4443 11 ай бұрын
focus, hover , active.и да я щас посмотрел другое видео чтобы понять как правильно.Пасиб автору за интерактивы🙂
@alex_dudukalo
@alex_dudukalo 11 ай бұрын
Спасибо за ваш комментарий🤗
@ndrewhas
@ndrewhas Жыл бұрын
Спасибо, коммент для продвижения
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за вашу поддержку 😊
@cedrum8757
@cedrum8757 8 ай бұрын
Как вы обернули слово в комментарий на 12:17 ?
@alex_dudukalo
@alex_dudukalo 8 ай бұрын
Вы можете использовать клавиши ) Ctrl+/ - закомментировать / раскомментировать.
@lagec
@lagec Жыл бұрын
Спасибо за видео! Насколько я знаю, alt у img должен описывать содержимое изображения, то есть в примере с карточкой должно быть описание того, что изображено на картинке, а не просто название ресторана. Поправьте, если я ошибаюсь
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий. Да, совершенно верно, alt описывает то, что изображено в img. Как раз название отеля и описывает изображение. Будет не совсем правильно называть все изображение hotel. Кажется названия отелей делают удачное описание. :)
@lagec
@lagec Жыл бұрын
@@alex_dudukalo тогда, по идее, лучшим альтом для этой картинки было бы что-то вроде "вид из такого-то отеля на Эйфелеву башню", как описание картинки для тех, кто её увидеть не может или если она не подгрузилась
@vvks9901
@vvks9901 Жыл бұрын
отступы между элементами при diaplay: flex лучше задавать через gap, почему именно margin-right?
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Здорово, что вы обратили не это внимание :) Да, я сделал отступ margin-left специально для демонстрационной цели. Сделал это для того, что бы блоку с редингом добавить класс и сделать его элементом. Добавил отступ, что бы показать как блокам, являющимися элементами других блоков добавлять стили и отступы :)
@vvks9901
@vvks9901 Жыл бұрын
@@alex_dudukalo ок, спасибо за ответ?
@baytszy
@baytszy Жыл бұрын
Александр, спасибо за Вашу работу, очень помогает начать. Скажите пожлс у Вас есть видео как сделать окно ввода для комментов и отзывов на сайте?
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Здравствуйте, спасибо вам за поддержку и комментарий. Смотря, какую именно функциональность вы хотите вложить. Если просто верстка? То у меня есть ролики по верстке форм (но тут нужно отталкиваться от дизайна) Если работа с сервером, то здесь сложнее. Могу предложить вам вариант использовать сервис комментариев. Его очень быстро и просто можно внедрить на сайт. Если вам такой вариант подойдет, конечно: cackle.me/comments
@baytszy
@baytszy Жыл бұрын
Функцию окно для отзыва по нажатию кнопки...@@alex_dudukalo
@relaxdeepsleepmusic3608
@relaxdeepsleepmusic3608 Жыл бұрын
Ждём видео про модификатор!!!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Уже готовлю :)) Скоро будет здесь
@Alexey-c9o
@Alexey-c9o 10 ай бұрын
Можно блоку задавать display:flex; по бэм?
@alex_dudukalo
@alex_dudukalo 10 ай бұрын
Здравствуйте. Да, конечно :) запрета на это нет :)
@Alexey-c9o
@Alexey-c9o 10 ай бұрын
@@alex_dudukalo Спасибо!
@ДмитрийК-щ9о
@ДмитрийК-щ9о Жыл бұрын
Когда будет вторая часть ?
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Думаю на этой неделе будет. Ближе к выходным или в выходные :) Уже готовлю ролик про модификаторы. Будет интересно
@ВиталийРябенко-з1ь
@ВиталийРябенко-з1ь Жыл бұрын
Спасибо большое! А разве не обязательно во все альты прописывать ? Почему.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Они будут повторяться. Смысла в этом нет. Например, для доступности, зачем озвучивающему ПО озвучивать один и тот же текст :)
@ВиталийРябенко-з1ь
@ВиталийРябенко-з1ь Жыл бұрын
Спасибо, понял.@@alex_dudukalo
@AnatolyGradovoy
@AnatolyGradovoy 11 ай бұрын
лайк так лайк, не жалко
@botleonid4588
@botleonid4588 Жыл бұрын
спасибо
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий🤗
@BayOneTee
@BayOneTee 8 ай бұрын
БЭМ не рекомендует сокращения названий классов например button, а не btn
@владимиркорольков-ч6г
@владимиркорольков-ч6г Жыл бұрын
Думаю ошиблись вы.active должен быть после focuse
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Да, совершенно верно. Требуется следующий порядок :) focus, hover, active
@webgeekstudio975
@webgeekstudio975 10 ай бұрын
Да крутая технология и тоже с ней много лет мучался - пока не плюнул на это говно, все хорошо звучит когда у тебя сраный лендос с 1 карточкой и 1 кнопкой А когда у тебя 20 видов карточек 15-20 типов страниц по несколько десятков секций - и тут все это превращается в получасовое придумывание названий блокам, куча одной и той же писанины - все скатывается в лютейшую капасту из блока в блок. Люди не мучайтесь - плюньте - это тупиковая херня, используйте бустрапы и тайвинды + в современном стеке очень популярны скоупы.
@виталийбельдий-в1ц
@виталийбельдий-в1ц Жыл бұрын
👍👍👍
@alex_dudukalo
@alex_dudukalo Жыл бұрын
🔥🤗
@ГлебПухальский-б5у
@ГлебПухальский-б5у Жыл бұрын
Кнопка через тег button, вдобавок еще и в классе btn. Это слишком просто, с такими знаниями тестовые задания будут зачастую отклоняться.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Здравствуйте, Глеб. Не совсем понял комментарий. Вы хотите сказать, что класс btn по методологии БЭМ к кнопке лучше не применять ?
@morismustanger6095
@morismustanger6095 Жыл бұрын
где модификаторы, видео называется просто БЭ а не БЭМ
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Хотелось в один ролик уместить весь материал, но видео получилось бы еще больше. :) Кажется следующий ролик про модификаторы придется назвать М )))
@morismustanger6095
@morismustanger6095 10 ай бұрын
@@alex_dudukalo ахах) спасибо! у вас талант учить!
@kylex127
@kylex127 Жыл бұрын
нормес
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо 😊
@NURMAN-RORUH
@NURMAN-RORUH Жыл бұрын
Ты по делу можешь трепаться! 1,5 минуты вначале чуши
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Здравствуйте. Подскажите, возможно я вас обидел где-то?
@NURMAN-RORUH
@NURMAN-RORUH Жыл бұрын
@@alex_dudukalo а ты коммент не понял ? Для твоей же пользы оставил его ! Заснешь пока до сути досмотришь. И говори быстрее, а то растягиваешь слова :) Не плач, критика она такая
@alex_dudukalo
@alex_dudukalo Жыл бұрын
@@NURMAN-RORUH Я понял, что мои слова вы называете трепом :) Вот я и спросил, чем я вас обидел? Раз уж вы позволяете себе так говорить. Мне не обидно, а интересно :) Спасибо за комментарий, всегда есть над чем работать.
@NURMAN-RORUH
@NURMAN-RORUH Жыл бұрын
@@alex_dudukalo я назвал первые 1,5 минуты ужасно скучным и бестолковым трепом - потому что это моё мнение ! Ролик же на всеобщее обозрение выставлен, вот и комментируем исходя из собственных переживаний.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
@@NURMAN-RORUH Для меня очень ценно мнение и комментарии. Стараюсь прислушиваться и делать видео лучше. Спасибо вам за это. Да ролик выставлен на всеобщее обозрение и мне приятно, что вы обратили внимание на это. Но я всегда настроен на дружелюбное взаимодействие :) Ваше замечание полезное, но грубое. Простите, но комментирую из собственных переживаний. В следующем видео вступление попробую сделать короче. Думаю, вы правы.
@TheZionjke
@TheZionjke Жыл бұрын
боже, да всем уже давно похер на этот БЭМ..давно никто не парится за это т.к появилось много инснтрументов по типу модулей...
@alex_dudukalo
@alex_dudukalo Жыл бұрын
БЭМ - актуальная методология, которая используется во многих проектах. Особенно на сайтах созданных без сборщиков и фреймворков. Думаю, стоит обратить внимание на эту тему:)
@TheZionjke
@TheZionjke Жыл бұрын
@@alex_dudukalo если дев не потрудился подключить сборщик для сайта, то как говорится грош цена такому деву..))
@amankudaibergen7079
@amankudaibergen7079 Жыл бұрын
БЭМ не актуально. Самое главное надо уметь писать кроссплатформенный CSS.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Многие сайты его используют. Да, согласен кроссплатформенный CSS - важно уметь писать :)
@sergeik1245
@sergeik1245 Жыл бұрын
круто спасибо Александр! если еще будет короткие обучалки чтоб в свободное время позалипать 😀🔥🔥🔥🔥🔥
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Обязательно будут :) Спасибо вам за приятный комментарий :)
@vhsru
@vhsru Жыл бұрын
Спасибо! Очень доходчиво!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий😊
БЭМ - простыми словами. Часть 2
31:30
Александр Дудукало
Рет қаралды 6 М.
Симбу закрыли дома?! 🔒 #симба #симбочка #арти
00:41
Симбочка Пимпочка
Рет қаралды 6 МЛН
From Small To Giant 0%🍫 VS 100%🍫 #katebrush #shorts #gummy
00:19
Don’t Choose The Wrong Box 😱
00:41
Topper Guild
Рет қаралды 31 МЛН
Вёрстка по-новому. Разбираемся с масками в CSS. 25 июля 2024
2:00:41
БЭМ методология за 15 минут с практикой на реальном макете!
14:49
HTML Practice - фриланс, web-разработка, нейросети
Рет қаралды 6 М.
Псевдоэлементы CSS ::after и ::before. Объяснение на примерах
34:29
БЭМ методология за 10 минут | Основы для начинающих
10:01
Александр Ламков — Friendly Frontend
Рет қаралды 22 М.
Learn CSS BEM (and avoid these common mistakes)
15:36
Dmitry Mayorov
Рет қаралды 8 М.
37 ошибок верстальщиков. Не делай так!
44:50
MaxGraph - cайты как страсть
Рет қаралды 56 М.
Симбу закрыли дома?! 🔒 #симба #симбочка #арти
00:41
Симбочка Пимпочка
Рет қаралды 6 МЛН