Полный гайд по единицам измерения в webflow. В чем разница между px, rem, em, сh, %, vh, vw и т.д.?
#webflow #вебфлоу
Разберем в каких значениях делать размеры переменных в вебфлоу, когда использовать пиксели, когда проценты и когда rem или em, в чем между ними разница и как они себя ведут на сайте. Как сделать, что бы контент, ширина и высота блоков, размер шрифта и прочие параметры автоматически подстраивались под размер экрана посетителя сайта.
Как делать адаптив быстро и почти автоматически. Как ускорить свою работу и не делать одни и те же действия по несколько раз. Посмотрев видео вы наглядно поймете разницу между единицами измерения которые используются на сайтах в современных реалиях.
В каких единицах лучше всего верстать сайт на webflow, в каких условиях и при каких переменных, что будет правильнее и удобнее. Самые эффективные методы реализации автоматически подстраиваемого дизайна под экраны пользователей.
Ссылка на код для подстраивания размеров в зависимости от ширины экрана пользователя — https://www.dropbox.com/s/y4iwe0tp5so...
Видео про автоматическую конвертацию всех пиксельных значений на сайте в rem-ы • Делаем все размеры на сайте заданные ...
•••••••••••••••••••••••••••••••
— Полезные штуки для webflow https://freelance-blog.com/webflow/
— Индивидуальное обучение https://freelance-blog.com/study/
— Блог про фриланс и вебфлоу https://freelance-blog.webflow.io
•••••••••••••••••••••••••••••••
❓❓❓ Что такое этот вебфлоу? Почему это НЕ конструктор? Как на нем зарабатывать больше денег, чем остальные? • Что такое webflow и как правильно про...
БЕСПЛАТНЫЕ курсы по webflow:
👉 • Базовый расширенный (для новичка) • Курс для новичка по webflow
👉 • Базовый ускоренный, для новичка который спешит • Трелло для фрилансера, ускоряем свою ...
👉 • Портфолио для фрилансера (уровень средний) • Курс по созданию портфолио в webflow
👉 • Портфолио для студии (уровень сложный) • Бесплатный курс по разработке сайта с...
👉 • Делаем сложный сайт (уровень профи) • Сайт фотографа, бесплатный курс по ве...
•••••••••••••••••••••••••••••••
Если вы хотите, зарабатывать те деньги, которые ждут вас через 5 лет самостоятельного роста, буквально телепортироваться в будущее и начать делать профессиональные сайты уже сейчас — тогда я способен вам помочь! https://freelance-blog.com/study/
Нет никакого потока, групп, кураторов. Только вы и я. Прокачиваю именно вас.
•••••••••••••••••••••••••••••••
Моя почта — [email protected]
Телеграм https://t.me/artstranger
•••••••••••••••••••••••••••••••
👉 • Портфолио — https://freelance-blog.com/
👉 • Инстаграм — / freelance_proka4ka
👉 • Бесплатные плюшки — https://freelance-blog.com/webflow/
👉 • Материалы для уроков — https://freelance-blog.webflow.io/
👉 • Индивидуальное обучение — https://freelance-blog.com/study/
•••••••••••••••••••••••••••••••
Таймкоды:
00:00 О чем видео
01:42 Как влиять напрямую на все шрифты сайта
02:50 Изучаем пиксельные значения (px)
03:15 Польза процентных значения для междустрочного интервала в шрифтах
14:55 Про em
25:02 Изучаем rem
32:25 Код для подстраивания размеров в зависимости от ширины экрана пользователя — https://www.dropbox.com/s/y4iwe0tp5so...
35:57 ch
38:31 Переменная зависящая от ширины экрана пользователя vw
43:55 Аналоги зависящий от высоты экрана vh
53:38 Переменная без значения
57:01 None
59:42 Auto
Смотрите видео Полный гайд по единицам измерения в webflow. В чем разница между px, rem, em, сh, %, vh, vw и т.д.? онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал Фриланс прокачка 19 Март 2023. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 1,796 раз и оно понравилось 90 посетителям.
