Адаптивность в Webflow

Поділитися
Вставка
  • Опубліковано 25 лис 2024

КОМЕНТАРІ • 32

  • @pixeleperfect
    @pixeleperfect  Рік тому

    ⚡ Ждем тебя в нашей школе по Webflow: clck.ru/3Bqjmv
    🌝 Написать менеджеру школы: t.me/pixelpsale

  • @fmdevelop
    @fmdevelop 11 місяців тому +2

    Спасибо! Метод хороший, но не универсальный, а только для некоторых отдельных секций. Ведь, уже на переходе с десктопого на планшет при ширине уже чем 991 px сам дизайн меняется, из горизонтальной компановки в вертикальную, из 4-х колонок в гриде в две или одну и так далее. Тем более разница в компановке, а не только в размерах элементов и отступов при переходе от десктопа к вертикальному смартфону, там целые секции приходится менять: верхнее меню на бургер, убираем анимации, ховеры и так далее. А вот внутри брейк-пойнта это полезно, где мы ограничены установкой стилей в правой колонке, а нужно чтобы крупный текст пропроционально уменьшался. Для мелкого текста это не годится потому что он и так уже предельный, например, 14px и за счет ширины колонки он просто шире или уже перверстывается, а не масшабируется.

  • @emaeshka
    @emaeshka Рік тому +4

    Здравствуйте. Можете вернуть на канал видео "Из фигмы в webflow за 5 минут" ? Понравилось видео и хотелось бы еще раз пересмотреть. Заранее спасибо

    • @pixeleperfect
      @pixeleperfect  Рік тому +2

      Добрый день, спасибо за проявленный интерес, но это видео было материалом для Интенсива, так как он закончился, то доступ мы закрыли, следите за нашими следующими воркшопами тут: t.me/+IvFE5Twr_pQxMjFi

    • @emaeshka
      @emaeshka Рік тому +1

      спасибо. буду следить. Видео у вас отличные

  • @ty_ebanulsa
    @ty_ebanulsa Рік тому +1

    Отличное видео. Есть ли в контент-плане видео про ui-кит?))

    • @pixeleperfect
      @pixeleperfect  Рік тому +3

      подумаем над этим, но там ничего сложного

  • @shlehanov
    @shlehanov 8 місяців тому

    👍 а можно ли использовать rem?

  • @realitynotavailable
    @realitynotavailable Рік тому +1

    Это мы смотрим)
    Спасибо за полезный контент!
    Почему в мобилке используете vw и задаете шрифт 4.79px, ведь если все также делать в em и оставить такой же шрифт в 1vw, то ничего не поменяется?

    • @pixeleperfect
      @pixeleperfect  Рік тому +3

      Привет, сори за долгий ответ. Смотри ширина экранов в мобилках идёт от 320 до 420, к примеру, и чтобы на 320 не было все крупным и помещалось на экране, мы используем VW. Также и наоборот. Если мы все подстроим под 320 без VW, то на 420 все будет мелкое. И чтобы на 420 не было все мелкое, мы также используем vw. И таким образом сайт будет выглядеть одинаково, как на 320, так и на 420.

    • @realitynotavailable
      @realitynotavailable Рік тому

      @@pixeleperfect Принял, спасибо большое)

  • @АнастасияБогданова-ч9д

    Добрый день! Есть вопрос) Вы сказали что в визардри можно установить максимальную и минимальную ширину экранов и пользоваться этим кодом если у нас нет промежуточного дизайна, а что если у меня есть дизайн для всех трех брейкпоинтов? Как поступать в этом случае? Делать два кода? От пк к планшету и от планшета к мобилке?

  • @КристинаВинтер-у7к
    @КристинаВинтер-у7к 11 місяців тому

    доброго дня ! нашла ваш канал , теперь мы с вами надолго вместе! ) буду проходить ваш бесплатный курс ) спасибо за труды !
    хотелось бы понять как оплатить подписку wf из рф ? есть ли там сложности?

    • @pixeleperfect
      @pixeleperfect  11 місяців тому

      Привет, способы есть, лучше напиши в общий чат с этом вопросом и подскажем

  • @hikkineko
    @hikkineko Рік тому

    Здравствуйте, а подскажите пожалуйста, в Figma отображает значения в em, а вот для мобильной версии надо значения в VW, получается все ровно нужно использовать расширение конкулятр, или можно просто писать вместо em VW ?

  • @mr.x1908
    @mr.x1908 Рік тому

    а setsize нужно устанавливать в любой блок, когда прыгаем между breakpoint'ами?

  • @Flocuslol
    @Flocuslol Рік тому

    А если размер макета в Figma 1440px, то мы setsize1600 или setsize1440 ставим?

  • @saivengo
    @saivengo Рік тому +2

    Custim code не доступен более без подписки... Как быть?

    • @pixeleperfect
      @pixeleperfect  Рік тому

      Использовать шаблон на 100 стр

    • @vasileff_channel
      @vasileff_channel Рік тому

      @@pixeleperfect Сейчас Custim code похоже вообще нельзя вставить на бесплатном аккаунте? А без вставки стиля работать корректно не будет?

    • @fmdevelop
      @fmdevelop 11 місяців тому

      @@pixeleperfect код в настройках страницы в хэд или боди можно поставить?

  • @mr.x1908
    @mr.x1908 Рік тому

    почему-то когда с телефона смотрю там бэкграунд можно уменьшить-увеличить и всё едет

  • @stepanking
    @stepanking 5 місяців тому

    Подскажите почему у меня контейнер не принимает автоматическую ширину в 1600, как на видео (код вставляю в ембед) контейнер буд-то не видит его

    • @stepanking
      @stepanking 5 місяців тому

      мне приходится ставить вручную width в 1600px, что бы контент в контейнере правильно себя вел и если оставить так то все ок, но если убрать 1600px в настройках (size), то контент в контейнере начинает липнуть к секции и растягивается по экрану вместе с секцией при этом сохраняя отступы по бокам :(((

  • @mr.x1908
    @mr.x1908 Рік тому

    если height использовать в ЕМ, а не %, будет ли разница? Спасибо!

    • @pixeleperfect
      @pixeleperfect  Рік тому +1

      EM и 100% конечно будет разница, это же разные величины. 100% будет занимать максимально возможную высоту блока, а em будут занимать ту которую мы укажем в Em

  • @mr.x1908
    @mr.x1908 Рік тому

    Когда добавляю комбо класс в мобилке, то в обычном экране тоже добавляется и всё искажается

    • @fmdevelop
      @fmdevelop 11 місяців тому

      вы можете полностью свой вариант настроек в правой панели для каждого брейпойнта делать, включая последовательность блоков внутри дива. Только сам контент, например текст или вложенность и последовать блоков, то что в слева от экрана, это уже влияет на все адаптивы

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

    🧠 Бесплатное обучение по Webflow с обратной связью: free.pixelperfect.fun/
    👉🏻 Наш Телеграм канал: t.me/+IvFE5Twr_pQxMjFi

  • @ИзумРуд-к7г
    @ИзумРуд-к7г Рік тому +2

    Ребята, это наверное круто, но я как раз поняла, что ничего не поняла, что начинать нужно задолго до адаптивности и нифига это не просто. Не рассказывайте больше, что это для новичков, ок? PS: я делаю сайты на Тильда. Для них вообще не нужно знать, что такое хедер, что такое боди и много чего ещё, что я знаю из других источников, и что вы тут всуе упоминаете)) Правда, мне не 20, может, рассчитано это на недавних школьников. Но тогда трезво оценивайте свою ЦА.

    • @pixeleperfect
      @pixeleperfect  Рік тому +1

      Привет, этот урок прилагается к другому большому Дз, и он имеет больше ознакомитльный характер

  • @anton_dzen3094
    @anton_dzen3094 3 місяці тому +2

    Мало что понятно. Для чего код то нужен? Без него же тоже всё работает.