[Антон Командин] Резиновая верстка в Тильде (2023)

Описание

24 сайта в #madeontilda,
Дизайнер и арт-директор Experience© Agency,
Куратор курса PRO в Школе Тильды.

Авторский интенсив по верстке сайтов на Тильда, в Windows Container

Уникальный дизайн
Научитесь качественно верстать с позиционированием по Window-контейнеру.

Резиновая вёрстка — самый сложный способ верстки для больших экранов. Этот метод поможет добиться, чтобы сайт выглядел уникально и круто, как на компактном ноутбуке, так и на больших мониторах.

Выравнивание по Window-контейнеру
Положение и размеры элементов адаптируются под разрешение экрана. На больших мониторах сайт легко воспринимать, а дизайн остается уникальным и интересным.

Как пройдет интенсив:

26 августа − Принцип резиновой верстки и подготовка макета
Принцип вёрстки относительно границ экрана (Window Container)
Как построить динамическую композицию блоков для резиновой вёрстки
Как правильно подготовить макет перед вёрсткой
Практика подготовки макета
27 августа − Вёрстка в Тильде
Как позиционировать элементы относительно Window-контейнера
Как сделать «резиновую» сетку для вёрстки
Положение и размеры элементов в px и в %
Принципы верстки по Window: пошаговый гайд
Как комбинировать Window-вёрстку с Autoscale
Как комбинировать «резиновые блоки» с «библиотечными блоками»
Мобильные версии
Чек-лист проверки верстки перед сдачей проекта (бонус)

24 сайта в #madeontilda,
Дизайнер и арт-директор Experience© Agency,
Куратор курса PRO в Школе Тильды.

Авторский интенсив по верстке сайтов на Тильда, в Windows Container

Уникальный дизайн
Научитесь качественно верстать с позиционированием по Window-контейнеру.

Резиновая вёрстка — самый сложный способ верстки для больших экранов. Этот метод поможет добиться, чтобы сайт выглядел уникально и круто, как на компактном ноутбуке, так и на больших мониторах.

Выравнивание по Window-контейнеру
Положение и размеры элементов адаптируются под разрешение экрана. На больших мониторах сайт легко воспринимать, а дизайн остается уникальным и интересным.

Как пройдет интенсив:

26 августа − Принцип резиновой верстки и подготовка макета
Принцип вёрстки относительно границ экрана (Window Container)
Как построить динамическую композицию блоков для резиновой вёрстки
Как правильно подготовить макет перед вёрсткой
Практика подготовки макета
27 августа − Вёрстка в Тильде
Как позиционировать элементы относительно Window-контейнера
Как сделать «резиновую» сетку для вёрстки
Положение и размеры элементов в px и в %
Принципы верстки по Window: пошаговый гайд
Как комбинировать Window-вёрстку с Autoscale
Как комбинировать «резиновые блоки» с «библиотечными блоками»
Мобильные версии
Чек-лист проверки верстки перед сдачей проекта (бонус)