Мастер-класс. Как перенести макет из графического редактора в Tilda.

👉 Новая функция автоматический перенос макета из Figma в Zero Block – https://blog.tilda.cc/import-from-fig...
👉 Импорт макета из Figma в Tilda: автоматический перенос в Zero Block –    • Импорт макета из Figma в Tilda: автом...  

Максим Ширко расскажет, как перенести макет из графического редактора в Zero Block и адаптировать его для мобильных устройств.

00:00 начало мастер-класса
3:44 как создать Zero block и какие в нём есть настройки
7:27 как задать высоту контейнера, почему стандартная высота — 550 px
8:58 как подключить нужный шрифт
10:23 существует ли автоматический перенос дизайна
12:57 почему лучше использовать для графических элементов svg, а не png формат
14:24 как настроить в графическом редакторе такую же сетку, как в Тильде
18:36 как вызвать панель слоёв
20:24 как настроить резиновую вёрстку, что такое Grid и Window контейнеры
26:12 лучше работать в одном Zero block или разбивать контент на несколько блоков
28:42 как поменять порядок слоёв
50:01 как настроить мобильную версию
53:03 как работают принципы наследования на разных версиях экрана
56:23 как скрыть ненужные элементы в мобильной версии Zero block
1:00:04 как просматривать мобильную версию и отображение на разных устройствах
1:14:39 как скрыть ненужный блок в мобильной версии
1:21:51 как наложить элементы из одного блока на другой
1:24:59 как задать фиксирование при скролле для меню из Zero block
1:29:47 как создать отдельное меню для мобильной версии
1:34:34 как задать ссылку для элемента в Zero block
1:34:48 как в Zero block добавить теги H1/H2/H3

____________

✨ Ближайшие вебинары Tilda Publishing: http://webinars.tilda.cc

👉 Создать сайт на Tilda: https://tilda.cc/ru/

🤩 Онлайн-журнал для дизайнеров, маркетологов и предпринимателей Tilda Education: https://tilda.education/

Подписывайтесь на нас в соцсетях:
◾ Instagram:   / tildapublishing  
◾ Telegram: https://t.me/tildanews
◾ VK: https://vk.com/tildapublishing
◾ Facebook:   / tildapublishing  

Оставить отзыв о работе на платформе Tilda: https://tilda.cc/ru/otzyvy