Полный гайд по единицам измерения в 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
Watch video Полный гайд по единицам измерения в webflow. В чем разница между px, rem, em, сh, %, vh, vw и т.д.? online, duration hours minute second in high quality that is uploaded to the channel Фриланс прокачка 19 March 2023. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 1,796 times and liked it 90 visitors.
