Dusty Frontend. Адаптивная вёрстка

Канал школы: t.me/dusty_frontend_school
Шпаргалка: www.notion.so/4-3-2080d028817...
Домашка: сверстайте макет www.figma.com/file/gWPiBzoIhM..., используя знания по БЭМ, адаптивной вёрстке и дизайн-системе.
00:00 Начало
1:31 Отличия телефонов от десктопов
12:17 Медиа-запросы
17:07 Использование медиа-запросов на практике
22:07 Важные замечания
24:34 Практика: верстка колонок
34:22 Верстка макета (mobile first)
1:24:15 Замечание про точки останова
1:27:04 Сетки
1:30:13 Применение сеток на практике
1:41:13 Адаптивность к контенту
1:45:38 Заключение

Пікірлер: 5

  • @user-zk6vc9qh1t
    @user-zk6vc9qh1t4 ай бұрын

    Спасибо из Харькова - за инфу и интересную многостороннюю подачу, особенно нра про JS.

  • @dusty-frontend-school

    @dusty-frontend-school

    4 ай бұрын

    Спасибо! Со следующей недели вернёмся к JS:)

  • @meidro_
    @meidro_4 ай бұрын

    Приветствую. В figma сделали платным режим разработчика. Чем посоветуете пользоваться? И есть ли планы у вас сделать видео про сборщики, gulp, webpack?

  • @dusty-frontend-school

    @dusty-frontend-school

    4 ай бұрын

    Привет! Пока ничем не посоветую, рановато что-то конкретное советовать, подожду что устаканится как решение в комьюнити. Про webpack - да, конкретные планы есть в видео kzread.info/dash/bejne/hZuGrpOYqLLHfKg.html Ну и программа курса тоже дает исчерпывающий ответ: flannel-bacon-c10.notion.site/70cb6d7dc78f45848b49f324c65038d7?pvs=4

  • @dusty-frontend-school

    @dusty-frontend-school

    4 ай бұрын

    А, и по галпу вот мое мнение вместо видео: «По возможности, не используйте gulp». Как-то так)

Келесі