Практика: Создание точек останова в Framer (Основы, Урок 25)

Даже самые гибкие макеты имеют свои ограничения и в конечном итоге достигают точки отказа. Именно здесь на помощь приходят контрольные точки, позволяющие адаптировать макеты к совершенно разным размерам области просмотра, например, для настольных компьютеров, планшетов и телефонов. В этом уроке мы рассмотрим, как вывести адаптивность наших сайтов на новый уровень с помощью контрольных точек во Framer. 00:00 Введение 00:17 Почему важны контрольные точки 00:46 Понимание размеров контрольных точек 01:27 Создание нескольких контрольных точек 02:08 Как переключаются контрольные точки в браузере 02:46 Объяснение переопределений контрольных точек 03:59 Настройка макетов для планшетов и телефонов 05:05 Неразрушающие переопределения 05:48 Оптимизация главных изображений 06:40 Сброс переопределений и обновление основных 07:44 Изменение порядка и видимости слоёв 09:02 Эффективное управление контрольными точками 09:58 Предварительный просмотр контрольных точек в браузере 10:39 Адаптивные стили текста 12:05 Контрольные точки внутри шаблонов макетов 13:52 Исправление нижнего колонтитула на планшете 15:46 Исправление нижнего колонтитула на мобильном устройстве 17:58 Предварительный просмотр финального адаптивного нижнего колонтитула 18:27 Заключение Зарегистрироваться:
Подписаться:
Узнать больше: