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

Поділитися
Вставка
  • Опубліковано 20 чер 2024
  • Канал школы: 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-zk6vc9qh1t 4 місяці тому

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

    • @dusty-frontend-school
      @dusty-frontend-school  4 місяці тому

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

  • @meidro_
    @meidro_ 4 місяці тому

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

    • @dusty-frontend-school
      @dusty-frontend-school  4 місяці тому +1

      Привет!
      Пока ничем не посоветую, рановато что-то конкретное советовать, подожду что устаканится как решение в комьюнити.
      Про webpack - да, конкретные планы есть в видео
      ua-cam.com/video/SgRL1_xOaLE/v-deo.html
      Ну и программа курса тоже дает исчерпывающий ответ: flannel-bacon-c10.notion.site/70cb6d7dc78f45848b49f324c65038d7?pvs=4

    • @dusty-frontend-school
      @dusty-frontend-school  4 місяці тому +2

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