Записывайтесь на бесплатный онлайн-интенсив «Верстка для дизайнеров и фрилансеров» в 19:00 мск
Записаться
Вернуться к продуктам
Кратко о видео
В уроке разобраны относительные единицы измерения REM и их применение в вёрстке Taptop. Показано, чем REM отличается от пикселей, почему такой подход помогает создавать более гибкие интерфейсы и как он влияет на масштабирование элементов страницы.
Разбирается, где использовать REM в проекте: для типографики, отступов и построения единой системы размеров. Также показано, как изменить базовый размер и использовать встроенную конвертацию пикселей в REM в Taptop.
Главный принцип REM — создание масштабируемой системы, которая сохраняет пропорции интерфейса и лучше адаптируется под разные устройства и пользовательские настройки.
Урок подходит тем, кто уже знаком с базовой вёрсткой в Taptop и хочет перейти к более профессиональному подходу к работе с размерами, адаптивностью и структурой интерфейса.
Как использовать REM в вёрстке Taptop
При вёрстке макета часто хочется просто перенести размеры из Figma в пиксели: шрифты, отступы, размеры блоков. Но такой подход может создать проблемы с адаптивностью и масштабированием интерфейса на разных устройствах.
Возникают вопросы: почему текст выглядит слишком мелким на одном экране и слишком большим на другом? Как сохранить единый ритм отступов? Как сделать сайт удобнее для пользователей с разными настройками браузера?
REM помогает создать гибкую систему размеров, которая лучше адаптируется под пользователя и сохраняет структуру страницы. После урока ты сможешь применять REM в Taptop для типографики и отступов, создавая более профессиональную и масштабируемую вёрстку.
В этом уроке Александр Гудаев разбирает относительные единицы измерения REM и показывает, как использовать их в вёрстке Taptop. Ты узнаешь, чем REM отличается от пикселей и почему этот подход помогает создавать более гибкие интерфейсы.
Разберём, где применять REM, как менять базовый размер и как использовать конвертацию из пикселей в REM прямо в Taptop.
После просмотра ты сможешь применять REM для типографики и отступов, создавая адаптивную систему размеров и более качественную вёрстку.
Тайминги видео
00:00 — Что такое REM
00:50 — Преимущества REM
01:20 — Где использовать REM?
02:20 — Техника изменения базового размера
03:10 — Практика в Taptop
04:10 — Итог: Профессиональный подход
