How to use BEM naming CSS in practice?

  Переглядів 110,547

Анна Блок

Анна Блок

5 років тому

Services:
1) Naming HTML/CSS - tpverstak.ru/common-css-class...
2) Flexbox CSS Сheatsheet - tpverstak.ru/flex-cheatsheet/
______________
Website - tpverstak.ru
VK - tpverstak
Instagram - / tpverstak
Telegram - t.me/tpverstak и t.me/annbloknote
Telegram Chat - t.me/tpverstakchat

КОМЕНТАРІ: 322
@-unity-
@-unity- 5 років тому
По методологии БЭМ нельзя делать так, как вы это сделали на 23:11. Селекторы тегов *не должны* использоваться. По идее, каждому элементу с тегом нужно было присвоить класс и обращаться к нему уже по имени класса. Иначе тем самым вы повышаете специфичность селектора, что повлечёт сложности при дальнейших изменениях.
@VasyaStone8oy
@VasyaStone8oy 5 років тому
Очень развернуто и подробно. Спасибо, Анна😉
@TheSkiveee
@TheSkiveee 5 років тому
Простым и доступным языком всё объяснила. Спасибо тебе большое! Снимай побольше таких полезностей)
@valerakleban3147
@valerakleban3147 5 років тому
Анна, не важно как правильно произноситься(учитывая комментарий ниже) а важно, что уроки у вас всегда короткие и при этом очень познавательные!СПАСИБО!
@annblok_webdev
@annblok_webdev 5 років тому
Спасибо 😊
@emmanuilov
@emmanuilov 4 роки тому
Это лучшее описание методологии БЭМ, которое я видел! Анна, огромное спасибо. За шпаргалки отдельное спасибо;)
@annblok_webdev
@annblok_webdev 4 роки тому
☺️☺️☺️
@Anodoree
@Anodoree 3 роки тому
Классное видео! Не знаю, почему у тебя его не видел раньше. Попадалась эта тема где-то, но не особо усваивалась почему-то. Теперь всё очень понятно)
@truedivan
@truedivan 3 роки тому
Так забавно когда говоришь с "чисто английским" акцентом но маргин и алижн )) и emmet совсем не используешь в целом спасибо за урок
@SemenAlexndrovich
@SemenAlexndrovich 5 років тому
Спасибо вам ! Очень доступно объясняете. Кстати , хорошо подобрана фоновая музыка , не отвлекает , но в то же время немного оживляет процесс прослушивания
@andreykarolik7455
@andreykarolik7455 Рік тому
Анна, я только стал разбираться в БЭМ, адаптивной верстке и во всем, что с этим связано. Ваши видео очень помогают погрузиться в тему и проникнуться, как и что делать в процессе. Основная ценность, что вы неразрывно все делаете в процессе, показывая наглядно, как думаете, что делаете и как меняете код. Спасибо вам огромное, смотрю ваши видео с огромным удовольствием!
@ilyaincrypt0
@ilyaincrypt0 Рік тому
какие успехи сейчас?
@d.travina
@d.travina 5 років тому
Большое вам спасибо за видео и подробный рассказ о вёрстке! Узнала много нового для себя. Успехов и продвижения на ютьюб вашему каналу! От меня лайк.
@user-fd8xe3bt8c
@user-fd8xe3bt8c 5 років тому
отличное видео! грамотный разбор теории для верстки сайта по методологии БЭМ. спасибо
@user-hv9ol9ck5t
@user-hv9ol9ck5t 5 років тому
Очень занятный и лично для меня полезный ролик, много нужной информации я для себя подчеркнул.
@user-ssssssasi
@user-ssssssasi 2 роки тому
Классное видео. Автору респект и отдельное спасибо, за то что делиться своим опытом.
@annblok_webdev
@annblok_webdev 2 роки тому
Спасибо ☺️
@user-bu5cz3jb4e
@user-bu5cz3jb4e 5 років тому
Спасибо за видео- как раз то, что я искала!
@volodymyrdubinkin4823
@volodymyrdubinkin4823 3 роки тому
Троим блогерам смело ставлю лайки и коменты пишу! Анна одна из них! Спасибо за видео
@annblok_webdev
@annblok_webdev 3 роки тому
🤗🤗🤗
@Ratibor_Gradov
@Ratibor_Gradov 5 років тому
Спасибо большое! Отличная подача, всё доходчиво, если честно всё это я хорошо знаю, но оторваться не смог, да конца досмотрел))
@annblok_webdev
@annblok_webdev 5 років тому
😊😊😊
@user-fd8xe3bt8c
@user-fd8xe3bt8c 5 років тому
отличный разбор теории и наработка практики по верстке сайта по методологии БЭМ! все понятно и грамотно!
@user-kl1cw2sr9i
@user-kl1cw2sr9i 5 років тому
Для тайтла можно было не добавлять дополнительную обертку, а смиксовать с элементом page, сделав классы title как отдельный блок и page__title, как элемент, к которому и применить все отступы. На сайте БЭМ это называется микс
@sergiocoderius4549
@sergiocoderius4549 5 років тому
Thenks
@sergiocoderius4549
@sergiocoderius4549 5 років тому
Спс
@volodymyrduschak2821
@volodymyrduschak2821 5 років тому
Как всегда отличное качественное профессиональное видео! Это пять!
@veravera3819
@veravera3819 5 років тому
Сейчас даже на курсы ходить не надо, все есть в интернете. Подробно, размеренно рассказано и показано.
@OksanaIonova
@OksanaIonova 5 років тому
Да и очень удобно и достаточно понятно объясняют
@user-bm7wd2yp8r
@user-bm7wd2yp8r 3 роки тому
единственное что нужно под рукой иметь план обучения, последовательность тем.
@pereval5179
@pereval5179 5 років тому
Действительно, такой ролик очень долго ждали многие.
@ninainina4302
@ninainina4302 5 років тому
Узнала много нового для себя. Успехов и продвижения на вашему каналу!
@damirsay6405
@damirsay6405 5 років тому
Очень полезное видео, всё подробно и понятно! Спасибо большое!
@TheRedKorsar
@TheRedKorsar 5 років тому
Наконец нашел отличный видео ролик о примере реализации бэм технологии. Спасибо огромное за обучение, как то на примерах учусь быстрее)
@vadimbereshnoi5998
@vadimbereshnoi5998 5 років тому
Очень много полезной информации по вёрстке, спасибо автору.
@user-dt7rr2rv2y
@user-dt7rr2rv2y 5 років тому
Посмотрю на выходных, но чувствую, что видно годное
@neiros6685
@neiros6685 5 років тому
Отличное видео, спасибо большое! И голос очень приятный., для видео это просто шикарное дополнение, в нагрузку к содержанию, так сказать.
@hugheverett2478
@hugheverett2478 5 років тому
Вау! Просто вау! Проделанная работа выше всяческих похвал, после данного видео даже мой кот перешел на БЭМ ))) з.ы. Очень бы хотелось увидеть в будущем полную реализацию БЭМ-верстки макета, который использовался в видео.
@user-sd1ip7vj3j
@user-sd1ip7vj3j 5 років тому
Спасибо большое, узнал много нового))
@user-ms4zz3dh5r
@user-ms4zz3dh5r 5 років тому
Так все четко и понятно - просто круто смотреть такое видео.
@parrotbukowski4898
@parrotbukowski4898 5 років тому
Всё понятно, осталось закрепить на практике, спасибо!
@VikaShulishova
@VikaShulishova 5 років тому
Спасибо за разбор теории и наработка практики.
@DrJekyll56
@DrJekyll56 4 роки тому
Уже 2 месяца пользуюсь Вашим сайтом с шпаргалками. Теперь знаю кому нужно сказать огромное спасибо!)
@annblok_webdev
@annblok_webdev 4 роки тому
Рада, что вы пользуетесь ими 🤗
@tolasnisar2494
@tolasnisar2494 5 років тому
Спасибо автору за подробную и доходчеву информацию.
@user-mk2fo7dh4f
@user-mk2fo7dh4f 4 роки тому
Спасибо. Будем пробовать. Хотя по сути почти до бэма сам додумался. Но нюансы есть) спасибо еще раз. Стало гораздо понятнее что имеет ввиду Яндекс
@user-nn5mo3ff7c
@user-nn5mo3ff7c 5 років тому
Повторенье мать ученья, в принципе почти все это я уже знал, но было интересно во становить в памяти кое что из материала. Очень доступно и интересно!
@teacheronline1791
@teacheronline1791 3 роки тому
Умница, спасибо за четкое разъяснение. И за ссылки.
@Dgordg
@Dgordg 5 років тому
Отлично, всё разложено по полочкам, сразу вилна рука мастера.
@lmaq8352
@lmaq8352 5 років тому
озвучка на высоте))) приятно слушать, нету агрессивной музыки, а приятная))) и само БЭМ понятно и без лишней воды)))
@user-ly8ng4ei1m
@user-ly8ng4ei1m 5 років тому
Хорошее видео, то что нужно
@o-to4036
@o-to4036 5 років тому
восхитительно, мне понравилось. спасибо огромное)
@annblok_webdev
@annblok_webdev 5 років тому
я рада, что видео вам понравилось :)
@kirillshevtsov7726
@kirillshevtsov7726 4 роки тому
За шпаргалку по Flexbox отдельное спасибо!
@anandinidorogomilovamusic2873
@anandinidorogomilovamusic2873 3 роки тому
Спасибо! Очень полезное видео!
@catweb666
@catweb666 5 років тому
Спасибо Анна. Царский лайк.
@STELLS541
@STELLS541 2 роки тому
Очень классный и полезный видос!! Пасиб!
@user-jd3nf4yq9b
@user-jd3nf4yq9b 4 роки тому
Спасибо за урок) есть возможность бросить материалы урока? Верстка и psd, в целях обучения. Очень стильный дизайн
@user-js9sx4mr3d
@user-js9sx4mr3d 5 років тому
Спасибо за такое видео
@user-lx5fx2ov6x
@user-lx5fx2ov6x 5 років тому
Отличное видео, просто супер, посмотрела с большим удовольствием класс
@world_of_facts_shorts
@world_of_facts_shorts 2 роки тому
Очень познавательный урок и просто и понятно)
@charlesbaudelaire7454
@charlesbaudelaire7454 5 років тому
Когда планируете сделать курс по word press? Хотелось бы чтоб вы рассказали для чего нужен вордпресс и подобные системы и тд, спасибо
@annblok_webdev
@annblok_webdev 5 років тому
Курс выйдет ближе к лету
@a.d.3019
@a.d.3019 5 років тому
большое спасибо - классное видео!
@temuriosebadze
@temuriosebadze 3 роки тому
Анна, большое спасибо.
@martDKNY
@martDKNY 5 років тому
Очень развернуто и подробно. Спасибо, Анна! Но с названиями классов, я запутался 22:42.. Какие из них является блоками, а какие сами по себе, и если размеры нельзя задавать, то почему задается ширина в %?. в 28:43 (используются паддинги), то есть внутренние отступы можно?
@QuPro
@QuPro 4 роки тому
Плагин Live Server для VSC отменяет необходимость постоянной перезагрузки браузера
@NooMBoT95
@NooMBoT95 3 роки тому
возможно это сделано для лучшего понимания изменений
@agfasgasasgasgas
@agfasgasasgasgas 5 років тому
Да мы тут сделаем span или strong - доступность к "чертям", что такого важного в этих цифрах, чтобы делать на них акцент ?
@ViktorMazin
@ViktorMazin 5 років тому
отличное подробное показательное видео достойное непременного внимания каждого заинтересованного зрителя
@peresvet7594
@peresvet7594 5 років тому
Скажите пожалуйста, а можно ли использовать модификатор блока для того чтобы задать его положение относительно его окружения?
@smolmaxmaxi6633
@smolmaxmaxi6633 3 роки тому
Молодец, просто и доходчиво!
@maltamagistro
@maltamagistro Рік тому
4:07 - на примере один блок, внутри которого 2 строчных элемента, а вы говорили про необязательность наличия элементов в блоке. Пример нерелевантен? Или имеется ввиду то, что у вложенных элементов названия классов не соотносятся с названием класса блока?
@gotoeurope9680
@gotoeurope9680 4 роки тому
Не нужно ли для block-skills прописать flex-wrap: wrap? т.к в дальнейшем будет несколько таких блоков и для того что-бы следующие блоки шли вниз нужно прописать flex-wrap: wrap Если без него тогда все внутрение блоки будут ити в строку
@il-13r
@il-13r 5 років тому
Как быть со стилями для шрифтов (жирность, размер, начертание и т.д)? Стоит ли использовать общие классы(.title-14px, descr-20px) для них или использовать перечисление через точку (.block-1__title, .block-2__descr ...) ???
@user-cv2qe9jn4f
@user-cv2qe9jn4f 5 років тому
Не понял, причем тут БЭМ и Ваше видео. От того, что вы сделали название классов как в БЭМ, БЭМ оно не стало. В чем отличие от обычной верстки? Все так же в куче навалено в одном файлике html и в одном файлике css.
@AshKod-sj1rt
@AshKod-sj1rt 5 років тому
объясните пожалуйста как правильно
@mexvision-3556
@mexvision-3556 4 роки тому
@@AshKod-sj1rt судя с сообщения, автор комментария слабо понимает что такое верстка, не говоря уже про методы...
@AlexAlex-sh3mz
@AlexAlex-sh3mz 4 роки тому
@@AshKod-sj1rt он наверное имел ввиду порезать index на отдельные компоненты, а потом собирать их через pug, так же и с css, у bootstrap например все компоненты css разделены и собираются через import так же есть файл настройки variable где можно глобально настраивать цветовую схему и т.д ну или хз
@user-kl9eb8qu4y
@user-kl9eb8qu4y 5 років тому
В видео изложен материал простым и доступным языком...Информацию буду использовать и для себя.
@Aleks_Shtirlits
@Aleks_Shtirlits 5 років тому
Что можете сказать о полученной информации, как у вас успехи с версткой сайтов, поделитесь вашими достижениями.
@user-sg3dw8hq6o
@user-sg3dw8hq6o 5 років тому
Спасибо большое!
@horhikasouk3268
@horhikasouk3268 5 років тому
Отличный гайд, спасибо! Но хотел бы сделать небольшое замечание: Не многовато ли div? Многие div можно сделать списком. некоторые - section. Я бы block-number сделал таблицей или списком. По больше бы семантики)
@yaroslavbox1249
@yaroslavbox1249 4 роки тому
Благодарность , отличное видео, однако чуток не ясно идея модификаторов в контексте данного видео, кто может поясните !?
@ulbolsynzh
@ulbolsynzh 3 роки тому
да,очень внятно и понятно))
@tovjukov
@tovjukov 4 роки тому
Очень нравятся твои уроки
@a.d.3019
@a.d.3019 5 років тому
есть расширение css peek для vscode - которое помогает менять css по комбинации клавиш, не переключая мышкой/тачпадом
@r3mdg
@r3mdg 4 роки тому
Просмотрел от и до. Когда на живом примере намного понятнее чем я читал документацию. Спасибо за проделанную работу!!! И сразу вопрос - я правильно понял что в каждом случае мы создаем блок который никак не стилизуем, а наполняем его контентом и этот блок сам принимает нужный размер? То есть мы можем стилизовать все блоки внутри но внешний не трогаем вообще.
@elnursafaraliyev6375
@elnursafaraliyev6375 Рік тому
Привет Анна 1) Почему для блоков нельзя создавать объёртку? 2) Wrapper (wrap) это одно и тоже что и container?
@serg-s
@serg-s Рік тому
Топ видео, спасибо 🎉
@Syreon514
@Syreon514 5 років тому
Все отлично кроме слова "align". Это не "элижин" это "элайн". Очень прям бьет по ушам
@user-ou4xp5fo8y
@user-ou4xp5fo8y 5 років тому
И не «ма́ргин», а «ма́рджин».
@lisafox9026
@lisafox9026 5 років тому
Syreon514 : парень ты уверен? align звучит как "элайн", если погуглишь найдешь как это звучит , а то что ты "алижин", у всех своя личная жизнь.. а тут про html, css...
@lisafox9026
@lisafox9026 5 років тому
@@user-ou4xp5fo8y она говорит как пишется, очень хорошая техника запоминать как писать английский, так что пусть продолжает, тут же не урок английского, тем более судя по коммментам тут в нем никто и не шарит, но все делают замечания.
@DeanRie
@DeanRie 5 років тому
@@lisafox9026 Align звучит как Элайн)) чё там гуглить, заходишь на гугл транслейт и слушаешь)
@DeanRie
@DeanRie 5 років тому
@@lisafox9026 что ответили?)
@YuriiKratser
@YuriiKratser 5 років тому
Спасибо вам! Не могли бы вы снять видео «настройка вебпака для верстки»?
@annblok_webdev
@annblok_webdev 5 років тому
Юра Крацер могла бы
@YuriiKratser
@YuriiKratser 5 років тому
Жду с нетерпением:)
@yura_8952
@yura_8952 5 років тому
Макет, показанный в видео - бомбический, мне нравится. Вы его внедрили куда-то на рабочий сайт? Можно посмотреть? спасибо!
@annblok_webdev
@annblok_webdev 5 років тому
Нет, он будет использоваться на курсе по Wordpress
@user-mo1db9he8t
@user-mo1db9he8t 5 років тому
Спасибо полезно
@beachboyjoerustler
@beachboyjoerustler 3 роки тому
29:15 объясните почему необходимо было создавать .page-block-portfolio? разве одним блоком .block-portfolio было не обойтись?
@AndrewMarsin
@AndrewMarsin 3 роки тому
Мне тоже это интересно. Притом к классу .block-portfolio, вроде как, вообще никакие стили не применялись. Марджин-ботом, вполне можно было и к этому диву применить.
@fox_0811
@fox_0811 5 років тому
Спасибо! Лайфрелоада не хватает. Каждый раз обновлять страницу вручную наверное заморочно.
@singlebw4065
@singlebw4065 4 роки тому
Блоку не указывается внутренние и внешние отступы. Блоки можно вкладывать друг в друга. Wrap это разве не блок? Если это блок то почему ему указываем padding? 11:55 . Я предполагал что если хочешь позиционировать то используй это элементами. wrap__text задавать margin.
@GamaIZing
@GamaIZing 3 роки тому
Здравствуйте. У вас есть блок "block-skills", который включает другие блоки "box-skills". Собственно вопрос: почему не использовать элементы вместо внутренних блоков, если они не будут использоваться вне блока "block-skills"? Хочу понять методологию. Спасибо.
@user-kd6di8fn8d
@user-kd6di8fn8d 5 років тому
даже и не подозревала о таких возможностях,отличный ролик,спасибо за науку.
@user-nh1ku5xs5z
@user-nh1ku5xs5z 5 років тому
как вы сделали такую анимацию появления блоков? какой-то плагин?
@a.d.3019
@a.d.3019 5 років тому
В БЭМ не используют селекторы тегов и идентификаторов. Стили блоков и элементов описываются через селекторы классов -> ru.bem.info/methodology/css/ это про .box-numbers-text span на 23:16
@ZZFFSS1
@ZZFFSS1 4 роки тому
Кроме того, каскад тоже не используется. Видимо автору было влом переделывать структуру.
@spirit-tl7cp
@spirit-tl7cp Рік тому
когда пишешь паддинги в контейнере - оно же сьедает ширину? нужно ведь 1200 написать, чтоб рабочего пространства осталось 1170 как заявлено ( если паддинг 15рх)? подскажите пожалуйста.
@kenjirokoro
@kenjirokoro 5 років тому
Слушай там column, col есть ошибка "стрлбца"
@ihor6320
@ihor6320 4 роки тому
Не очень понял про служебные блоки, которыми оборачиваются обычные для того, чтобы последним задать отступы. Как понятие "служебный блок" относится к методологии БЭМ? Вроде бы нет таких. Не будет ли правильнее в этом случае использовать модификатор? Это не критика, я правда интересуюсь, т.к. не понял. Если кому не лень - объясните плз.
@karapetkarapetyan6823
@karapetkarapetyan6823 3 роки тому
Спасибо за видео
@justspartak
@justspartak 4 роки тому
Хорошее видео. За ссылку названия классов отдельное спасибо!
@justspartak
@justspartak 4 роки тому
...и за шпаргалку по Flexbox CSS тоже.
@iwantgames
@iwantgames 5 років тому
А не удобнее модификатор 2 дефисами обозначать?
@ihabia
@ihabia 5 років тому
Анна, а можете ссылочку или приложить данный шаблон, чтобы по ходу видео самому верстать?
@annblok_webdev
@annblok_webdev 5 років тому
Иван Орлов напишите мне в телеграмм @annblok
@TheBerruss
@TheBerruss 5 років тому
Ну вот простым и доступным языком всё объяснила. Снимай побольше таких полезностей!!!!!!!
@user-oc4yz1is6x
@user-oc4yz1is6x 3 роки тому
Анна, а вы сами пользуетесь этой методологией?
@irinamala3823
@irinamala3823 5 років тому
Все просто и ясно и столько нюансов. Хорошее объяснение и столько информации.
@user-tn4yo9pu3t
@user-tn4yo9pu3t 5 років тому
Вполне с вами согласна.Информация полезная и актуальная. Думаю многим пригодится.
@Leon-rv2zm
@Leon-rv2zm 2 роки тому
3:30 а разве два тезиса - допустима любая вложенность элементов. элемент всегда часть блока а не элемента. не противоречат друг другу? получается допустима любая вложенность, но вкладывать нельзя
@UnriipeMango
@UnriipeMango 5 років тому
чуть-ли не лучшее, что я вообще видел на ютубе по теме верстки, огромное спасибо:3
@annblok_webdev
@annblok_webdev 5 років тому
Спасибо :)
@user-yg8nh2ek6w
@user-yg8nh2ek6w 5 років тому
Что за музыка в фоне звучит? Телл ми плиз)
@iwantgames
@iwantgames 5 років тому
6.42 в БЭМ разве можно так писать? Присвоение стилей через несколько классов?
@user-vd6eg5ke7i
@user-vd6eg5ke7i 5 років тому
какое видео смотрю много полезной информации но как можно учить если ты сам не владеешь полностью всей информацией? что за модификатор page_gray? если цвет потом поменяешь то класс тоже будешь менять? зачем плохому то учишь? на крайний случай page_bg, page_dark и тд.
@ovasendin
@ovasendin 4 роки тому
В CSS у .page_gray всегда будет цвет gray. Если нужно поменять цвет блока, прописываешь ему новый класс с нужным цветом. На примере кнопок это понять проще: например, на сайте есть кнопки красного и зелёного цвета. Html кнопки будет всегда один: Text, а модификатором указываешь её цвет: Text. На практике так проще и правильнее, чем для каждой кнопки по отдельности прописывать стили.
@user-bw8hz1yo1x
@user-bw8hz1yo1x 4 роки тому
@@ovasendin Неправильно мыслишь. Ты захотел поменять цвет кнопки с красного на фиолетовый, после чего кнопка с btn_red будет фиолетовой, а не красной. Поэтому btn_color1.
@ovasendin
@ovasendin 4 роки тому
@@user-bw8hz1yo1x bnt_color1 - ни о чём не говорит. "Color1? Hmm..." Если хочешь поменять цвет кнопки на фиолетовый, пропиши ей btn_violet
@ovasendin
@ovasendin 4 роки тому
​@@user-bw8hz1yo1x уточню. Смысл этого подхода в том, чтобы бегло осматривая исходный код, понимать, что тут происходит. Разных кнопок может быть 10, если у каждой будет прописан ColorN, то надо будет искать его дополнительно в стилях. А если ColorN будут перезаписываться, это ещё больше усложнит поддержку. Кому это надо, если можно явно указать цвет? Также, можно использовать названия btn_error или btn_success, например, если не привязываться к цветам. Тогда можно будет легко менять цвет, и код по-прежнему останется легко читаемым при беглом осмотре.
@user-bw8hz1yo1x
@user-bw8hz1yo1x 4 роки тому
@@ovasendin с твоим подходом проще писать style="color: red" :) (сарказм, если что) color1 говорит о том, что это какой-то цвет с индексом 1 - самое главное преимущество, что когда решишь поменять цвет, не нужно будет менять классы по всем макетам страниц, как предлагаешь ты, а увидеть, какой же цвет соответствует color1 совсем не проблема, надеюсь, ты понимаешь как это сделать :)
@ldeuml9987
@ldeuml9987 5 років тому
есть смысл сейчас на БЭМ верстать?Или уже не актуально, как по мне, не очень читабельно, только сложнее смотрится
@aiornerok3931
@aiornerok3931 5 років тому
можете дать ссылку на psd-у?
БЭМ методология. Практический пример
1:39:41
skibidi toilet 73 (part 2)
04:15
DaFuq!?Boom!
Переглядів 31 млн
Voloshyn - ЗУСИЛЛЯ (прем'єра треку 2024)
06:17
VOLOSHYN
Переглядів 899 тис.
skibidi toilet 73 (full episode)
09:41
DaFuq!?Boom!
Переглядів 21 млн
BEM 101: How to Make Web Design Organized & Scalable
1:01:37
Kevin Geary
Переглядів 19 тис.
TOP 20 typical errors in website layout
11:51
Анна Блок
Переглядів 92 тис.
What is the difference between Float, Flexbox and Grid CSS?
10:06
Анна Блок
Переглядів 216 тис.
Responsive web design in 37 minutes + layout. You don’t need Bootstrap!
36:44
Фрілансер по життю
Переглядів 1 млн
CSS units for font-size: px, %, em, rem, vw, vh, vmin, vmax
18:35
Анна Блок
Переглядів 68 тис.
How to Create a Website Figma - HTML, CSS Flexbox & Grid, VS Code
1:31:09
Анна Блок
Переглядів 166 тис.
CSS Pseudo elements Before and After: Examples
11:55
Анна Блок
Переглядів 101 тис.
skibidi toilet 73 (part 2)
04:15
DaFuq!?Boom!
Переглядів 31 млн