Тёмный

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

Pixel Perfect
Подписаться 2,9 тыс.
Просмотров 5 тыс.
50% 1

⚡ Ждем тебя в нашей школе по Webflow: clck.ru/3Bqjmv
🌝 Написать менеджеру школы: t.me/pixelpsale
🧠 Бесплатное обучение по Webflow с обратной связью: free.pixelperf...
👉🏻 Наш Телеграм канал: t.me/+IvFE5Twr...
Одна из сильных сторон Webflow и причина, по которой его выбираем мы и другие студии - адаптивность. Те, кто работал с Tilda, и делал мобильную версию, понимают, почему это так важно.
Все, что тебе понадобиться
Калькулятор: wizardry-techn...
Плагин: chrome.google....
#webflow #webdesign #upwork #figma #tilda

Опубликовано:

 

22 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 32   
@pixeleperfect
@pixeleperfect 10 месяцев назад
⚡ Ждем тебя в нашей школе по Webflow: clck.ru/3Bqjmv 🌝 Написать менеджеру школы: t.me/pixelpsale
@emaeshka
@emaeshka Год назад
Здравствуйте. Можете вернуть на канал видео "Из фигмы в webflow за 5 минут" ? Понравилось видео и хотелось бы еще раз пересмотреть. Заранее спасибо
@pixeleperfect
@pixeleperfect Год назад
Добрый день, спасибо за проявленный интерес, но это видео было материалом для Интенсива, так как он закончился, то доступ мы закрыли, следите за нашими следующими воркшопами тут: t.me/+IvFE5Twr_pQxMjFi
@emaeshka
@emaeshka Год назад
спасибо. буду следить. Видео у вас отличные
@fmdevelop
@fmdevelop 9 месяцев назад
Спасибо! Метод хороший, но не универсальный, а только для некоторых отдельных секций. Ведь, уже на переходе с десктопого на планшет при ширине уже чем 991 px сам дизайн меняется, из горизонтальной компановки в вертикальную, из 4-х колонок в гриде в две или одну и так далее. Тем более разница в компановке, а не только в размерах элементов и отступов при переходе от десктопа к вертикальному смартфону, там целые секции приходится менять: верхнее меню на бургер, убираем анимации, ховеры и так далее. А вот внутри брейк-пойнта это полезно, где мы ограничены установкой стилей в правой колонке, а нужно чтобы крупный текст пропроционально уменьшался. Для мелкого текста это не годится потому что он и так уже предельный, например, 14px и за счет ширины колонки он просто шире или уже перверстывается, а не масшабируется.
@ty_ebanulsa
@ty_ebanulsa Год назад
Отличное видео. Есть ли в контент-плане видео про ui-кит?))
@pixeleperfect
@pixeleperfect Год назад
подумаем над этим, но там ничего сложного
@saivengo
@saivengo Год назад
Custim code не доступен более без подписки... Как быть?
@pixeleperfect
@pixeleperfect Год назад
Использовать шаблон на 100 стр
@vasileff_channel
@vasileff_channel Год назад
@@pixeleperfect Сейчас Custim code похоже вообще нельзя вставить на бесплатном аккаунте? А без вставки стиля работать корректно не будет?
@fmdevelop
@fmdevelop 9 месяцев назад
@@pixeleperfect код в настройках страницы в хэд или боди можно поставить?
@АнастасияБогданова-ч9д
Добрый день! Есть вопрос) Вы сказали что в визардри можно установить максимальную и минимальную ширину экранов и пользоваться этим кодом если у нас нет промежуточного дизайна, а что если у меня есть дизайн для всех трех брейкпоинтов? Как поступать в этом случае? Делать два кода? От пк к планшету и от планшета к мобилке?
@mr.x1908
@mr.x1908 Год назад
а setsize нужно устанавливать в любой блок, когда прыгаем между breakpoint'ами?
@hikkineko
@hikkineko Год назад
Здравствуйте, а подскажите пожалуйста, в Figma отображает значения в em, а вот для мобильной версии надо значения в VW, получается все ровно нужно использовать расширение конкулятр, или можно просто писать вместо em VW ?
@anton_dzen3094
@anton_dzen3094 29 дней назад
Мало что понятно. Для чего код то нужен? Без него же тоже всё работает.
@realitynotavailable
@realitynotavailable Год назад
Это мы смотрим) Спасибо за полезный контент! Почему в мобилке используете vw и задаете шрифт 4.79px, ведь если все также делать в em и оставить такой же шрифт в 1vw, то ничего не поменяется?
@pixeleperfect
@pixeleperfect Год назад
Привет, сори за долгий ответ. Смотри ширина экранов в мобилках идёт от 320 до 420, к примеру, и чтобы на 320 не было все крупным и помещалось на экране, мы используем VW. Также и наоборот. Если мы все подстроим под 320 без VW, то на 420 все будет мелкое. И чтобы на 420 не было все мелкое, мы также используем vw. И таким образом сайт будет выглядеть одинаково, как на 320, так и на 420.
@realitynotavailable
@realitynotavailable Год назад
@@pixeleperfect Принял, спасибо большое)
@shlehanov
@shlehanov 6 месяцев назад
👍 а можно ли использовать rem?
@stepanking
@stepanking 3 месяца назад
Подскажите почему у меня контейнер не принимает автоматическую ширину в 1600, как на видео (код вставляю в ембед) контейнер буд-то не видит его
@stepanking
@stepanking 3 месяца назад
мне приходится ставить вручную width в 1600px, что бы контент в контейнере правильно себя вел и если оставить так то все ок, но если убрать 1600px в настройках (size), то контент в контейнере начинает липнуть к секции и растягивается по экрану вместе с секцией при этом сохраняя отступы по бокам :(((
@Flocuslol
@Flocuslol Год назад
А если размер макета в Figma 1440px, то мы setsize1600 или setsize1440 ставим?
@mr.x1908
@mr.x1908 Год назад
почему-то когда с телефона смотрю там бэкграунд можно уменьшить-увеличить и всё едет
@КристинаВинтер-у7к
@КристинаВинтер-у7к 9 месяцев назад
доброго дня ! нашла ваш канал , теперь мы с вами надолго вместе! ) буду проходить ваш бесплатный курс ) спасибо за труды ! хотелось бы понять как оплатить подписку wf из рф ? есть ли там сложности?
@pixeleperfect
@pixeleperfect 9 месяцев назад
Привет, способы есть, лучше напиши в общий чат с этом вопросом и подскажем
@pixeleperfect
@pixeleperfect 2 месяца назад
🧠 Бесплатное обучение по Webflow с обратной связью: free.pixelperfect.fun/ 👉🏻 Наш Телеграм канал: t.me/+IvFE5Twr_pQxMjFi
@mr.x1908
@mr.x1908 Год назад
если height использовать в ЕМ, а не %, будет ли разница? Спасибо!
@pixeleperfect
@pixeleperfect Год назад
EM и 100% конечно будет разница, это же разные величины. 100% будет занимать максимально возможную высоту блока, а em будут занимать ту которую мы укажем в Em
@mr.x1908
@mr.x1908 Год назад
Когда добавляю комбо класс в мобилке, то в обычном экране тоже добавляется и всё искажается
@fmdevelop
@fmdevelop 9 месяцев назад
вы можете полностью свой вариант настроек в правой панели для каждого брейпойнта делать, включая последовательность блоков внутри дива. Только сам контент, например текст или вложенность и последовать блоков, то что в слева от экрана, это уже влияет на все адаптивы
@ИзумРуд-к7г
@ИзумРуд-к7г Год назад
Ребята, это наверное круто, но я как раз поняла, что ничего не поняла, что начинать нужно задолго до адаптивности и нифига это не просто. Не рассказывайте больше, что это для новичков, ок? PS: я делаю сайты на Тильда. Для них вообще не нужно знать, что такое хедер, что такое боди и много чего ещё, что я знаю из других источников, и что вы тут всуе упоминаете)) Правда, мне не 20, может, рассчитано это на недавних школьников. Но тогда трезво оценивайте свою ЦА.
@pixeleperfect
@pixeleperfect Год назад
Привет, этот урок прилагается к другому большому Дз, и он имеет больше ознакомитльный характер
Далее
Темная тема в Webflow
15:58
Просмотров 654
Тильда VS Webflow | 2024
31:52
Просмотров 6 тыс.
Всплывающее окно в Webflow
13:52
Просмотров 3,5 тыс.
Design Better Than 99% of UI Designers
14:52
Просмотров 204 тыс.