Спасибо! Метод хороший, но не универсальный, а только для некоторых отдельных секций. Ведь, уже на переходе с десктопого на планшет при ширине уже чем 991 px сам дизайн меняется, из горизонтальной компановки в вертикальную, из 4-х колонок в гриде в две или одну и так далее. Тем более разница в компановке, а не только в размерах элементов и отступов при переходе от десктопа к вертикальному смартфону, там целые секции приходится менять: верхнее меню на бургер, убираем анимации, ховеры и так далее. А вот внутри брейк-пойнта это полезно, где мы ограничены установкой стилей в правой колонке, а нужно чтобы крупный текст пропроционально уменьшался. Для мелкого текста это не годится потому что он и так уже предельный, например, 14px и за счет ширины колонки он просто шире или уже перверстывается, а не масшабируется.
Добрый день, спасибо за проявленный интерес, но это видео было материалом для Интенсива, так как он закончился, то доступ мы закрыли, следите за нашими следующими воркшопами тут: t.me/+IvFE5Twr_pQxMjFi
Здравствуйте, а подскажите пожалуйста, в Figma отображает значения в em, а вот для мобильной версии надо значения в VW, получается все ровно нужно использовать расширение конкулятр, или можно просто писать вместо em VW ?
Добрый день! Есть вопрос) Вы сказали что в визардри можно установить максимальную и минимальную ширину экранов и пользоваться этим кодом если у нас нет промежуточного дизайна, а что если у меня есть дизайн для всех трех брейкпоинтов? Как поступать в этом случае? Делать два кода? От пк к планшету и от планшета к мобилке?
доброго дня ! нашла ваш канал , теперь мы с вами надолго вместе! ) буду проходить ваш бесплатный курс ) спасибо за труды ! хотелось бы понять как оплатить подписку wf из рф ? есть ли там сложности?
Это мы смотрим) Спасибо за полезный контент! Почему в мобилке используете vw и задаете шрифт 4.79px, ведь если все также делать в em и оставить такой же шрифт в 1vw, то ничего не поменяется?
Привет, сори за долгий ответ. Смотри ширина экранов в мобилках идёт от 320 до 420, к примеру, и чтобы на 320 не было все крупным и помещалось на экране, мы используем VW. Также и наоборот. Если мы все подстроим под 320 без VW, то на 420 все будет мелкое. И чтобы на 420 не было все мелкое, мы также используем vw. И таким образом сайт будет выглядеть одинаково, как на 320, так и на 420.
мне приходится ставить вручную width в 1600px, что бы контент в контейнере правильно себя вел и если оставить так то все ок, но если убрать 1600px в настройках (size), то контент в контейнере начинает липнуть к секции и растягивается по экрану вместе с секцией при этом сохраняя отступы по бокам :(((
EM и 100% конечно будет разница, это же разные величины. 100% будет занимать максимально возможную высоту блока, а em будут занимать ту которую мы укажем в Em
вы можете полностью свой вариант настроек в правой панели для каждого брейпойнта делать, включая последовательность блоков внутри дива. Только сам контент, например текст или вложенность и последовать блоков, то что в слева от экрана, это уже влияет на все адаптивы
Ребята, это наверное круто, но я как раз поняла, что ничего не поняла, что начинать нужно задолго до адаптивности и нифига это не просто. Не рассказывайте больше, что это для новичков, ок? PS: я делаю сайты на Тильда. Для них вообще не нужно знать, что такое хедер, что такое боди и много чего ещё, что я знаю из других источников, и что вы тут всуе упоминаете)) Правда, мне не 20, может, рассчитано это на недавних школьников. Но тогда трезво оценивайте свою ЦА.
![Kodak Black - Versatile 4 [Official Video]](http://i.ytimg.com/vi/VcP_1Ua__vY/mqdefault.jpg)
⚡ Ждем тебя в нашей школе по Webflow: clck.ru/3Bqjmv
🌝 Написать менеджеру школы: t.me/pixelpsale
Спасибо! Метод хороший, но не универсальный, а только для некоторых отдельных секций. Ведь, уже на переходе с десктопого на планшет при ширине уже чем 991 px сам дизайн меняется, из горизонтальной компановки в вертикальную, из 4-х колонок в гриде в две или одну и так далее. Тем более разница в компановке, а не только в размерах элементов и отступов при переходе от десктопа к вертикальному смартфону, там целые секции приходится менять: верхнее меню на бургер, убираем анимации, ховеры и так далее. А вот внутри брейк-пойнта это полезно, где мы ограничены установкой стилей в правой колонке, а нужно чтобы крупный текст пропроционально уменьшался. Для мелкого текста это не годится потому что он и так уже предельный, например, 14px и за счет ширины колонки он просто шире или уже перверстывается, а не масшабируется.
🧠 Бесплатное обучение по Webflow с обратной связью: free.pixelperfect.fun/
👉🏻 Наш Телеграм канал: t.me/+IvFE5Twr_pQxMjFi
Здравствуйте. Можете вернуть на канал видео "Из фигмы в webflow за 5 минут" ? Понравилось видео и хотелось бы еще раз пересмотреть. Заранее спасибо
Добрый день, спасибо за проявленный интерес, но это видео было материалом для Интенсива, так как он закончился, то доступ мы закрыли, следите за нашими следующими воркшопами тут: t.me/+IvFE5Twr_pQxMjFi
спасибо. буду следить. Видео у вас отличные
Отличное видео. Есть ли в контент-плане видео про ui-кит?))
подумаем над этим, но там ничего сложного
Здравствуйте, а подскажите пожалуйста, в Figma отображает значения в em, а вот для мобильной версии надо значения в VW, получается все ровно нужно использовать расширение конкулятр, или можно просто писать вместо em VW ?
Добрый день! Есть вопрос) Вы сказали что в визардри можно установить максимальную и минимальную ширину экранов и пользоваться этим кодом если у нас нет промежуточного дизайна, а что если у меня есть дизайн для всех трех брейкпоинтов? Как поступать в этом случае? Делать два кода? От пк к планшету и от планшета к мобилке?
Мало что понятно. Для чего код то нужен? Без него же тоже всё работает.
доброго дня ! нашла ваш канал , теперь мы с вами надолго вместе! ) буду проходить ваш бесплатный курс ) спасибо за труды !
хотелось бы понять как оплатить подписку wf из рф ? есть ли там сложности?
Привет, способы есть, лучше напиши в общий чат с этом вопросом и подскажем
Custim code не доступен более без подписки... Как быть?
Использовать шаблон на 100 стр
@@pixeleperfect Сейчас Custim code похоже вообще нельзя вставить на бесплатном аккаунте? А без вставки стиля работать корректно не будет?
@@pixeleperfect код в настройках страницы в хэд или боди можно поставить?
Это мы смотрим)
Спасибо за полезный контент!
Почему в мобилке используете vw и задаете шрифт 4.79px, ведь если все также делать в em и оставить такой же шрифт в 1vw, то ничего не поменяется?
Привет, сори за долгий ответ. Смотри ширина экранов в мобилках идёт от 320 до 420, к примеру, и чтобы на 320 не было все крупным и помещалось на экране, мы используем VW. Также и наоборот. Если мы все подстроим под 320 без VW, то на 420 все будет мелкое. И чтобы на 420 не было все мелкое, мы также используем vw. И таким образом сайт будет выглядеть одинаково, как на 320, так и на 420.
@@pixeleperfect Принял, спасибо большое)
а setsize нужно устанавливать в любой блок, когда прыгаем между breakpoint'ами?
👍 а можно ли использовать rem?
А если размер макета в Figma 1440px, то мы setsize1600 или setsize1440 ставим?
Подскажите почему у меня контейнер не принимает автоматическую ширину в 1600, как на видео (код вставляю в ембед) контейнер буд-то не видит его
мне приходится ставить вручную width в 1600px, что бы контент в контейнере правильно себя вел и если оставить так то все ок, но если убрать 1600px в настройках (size), то контент в контейнере начинает липнуть к секции и растягивается по экрану вместе с секцией при этом сохраняя отступы по бокам :(((
почему-то когда с телефона смотрю там бэкграунд можно уменьшить-увеличить и всё едет
если height использовать в ЕМ, а не %, будет ли разница? Спасибо!
EM и 100% конечно будет разница, это же разные величины. 100% будет занимать максимально возможную высоту блока, а em будут занимать ту которую мы укажем в Em
Когда добавляю комбо класс в мобилке, то в обычном экране тоже добавляется и всё искажается
вы можете полностью свой вариант настроек в правой панели для каждого брейпойнта делать, включая последовательность блоков внутри дива. Только сам контент, например текст или вложенность и последовать блоков, то что в слева от экрана, это уже влияет на все адаптивы
Ребята, это наверное круто, но я как раз поняла, что ничего не поняла, что начинать нужно задолго до адаптивности и нифига это не просто. Не рассказывайте больше, что это для новичков, ок? PS: я делаю сайты на Тильда. Для них вообще не нужно знать, что такое хедер, что такое боди и много чего ещё, что я знаю из других источников, и что вы тут всуе упоминаете)) Правда, мне не 20, может, рассчитано это на недавних школьников. Но тогда трезво оценивайте свою ЦА.
Привет, этот урок прилагается к другому большому Дз, и он имеет больше ознакомитльный характер