Мастер-класс. Как перенести макет из графического редактора в Tilda.
Новая функция: автоматический перенос макета из Figma в Zero Block 👉
Максим Ширко расскажет, как перенести макет из графического редактора в 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:
👉 Создать сайт на Tilda:
🤩 Онлайн-журнал для дизайнеров, маркетологов и предпринимателей Tilda Education:
Подписывайтесь на нас в соцсетях:
◾ Instagram:
◾ Telegram:
◾ VK:
◾ Facebook:
Оставить отзыв о работе на платформе Tilda:
4 views
9
4
1 month ago 00:17:25 1
Не жарьте больше Скумбрию. Готовьте её только так и вы подсадите на этот рецепт всю семью
1 month ago 00:19:44 1
Лекарства от ПАРАЗИТОВ убивают РАК? Свежие научные факты от доктора-онколога
1 month ago 00:49:24 1
🦌Олененок Милаш крючком. Мастер-класс
1 month ago 00:15:41 1
🐍Маленькая змейка крючком. Мастер-класс
1 month ago 00:10:10 1
“Мудра решений пробрала до слёз, я непрерывно зевала, а тело при ответах двигалось как маятник...“
2 months ago 00:14:02 1
Русский 10 класс. Имя существительное
2 months ago 00:08:35 1
Разминка для мозгов, если они есть… как легко сшить из кусочков ткани красивый узор DIY мастер-класс
2 months ago 00:14:07 1
РОССИЯ Е***НУЛАСЬ! Медведев против рептилоидов. Отряды Путина в школах. И шапочки из фольги
2 months ago 00:13:35 1
Ты захочешь это повторить. Английский завтрак
2 months ago 00:08:10 1
DIY 🎀 Бесподобные новогодние бантики из репсовой ленты.. Рекомендую на все 💯🔥. Легко повторить ...
2 months ago 00:08:25 2
DIY 🎀 Посмотрите какие новогодние бантики. Готовимся к праздникам 🎀Getting ready for the New Year
2 months ago 00:11:08 1
Воздушная петля и цепочка крючком ♥ 2 урок
2 months ago 01:25:45 4
Что будет, если ты упадешь на дно? Панк в фотографии Юля Франтова
2 months ago 00:12:11 37
5 лучших упражнений для лица, которые сделают его красивым и молодым
2 months ago 00:06:12 1
Самая Красивая походка в технике catwalk с Ольгой Бреслер
2 months ago 00:09:58 1
УЗИ артерий нижних конечностей на Mindray DC-60 Pro
2 months ago 00:36:31 1
Заполнение протокола кольпоскопии и кольпоскопическое заключение в программе «Кольпоэксперт»
2 months ago 00:10:02 3
Татьяна Поль: Секреты общения с ребенком. Практические шаги к тому, чтобы ребенок понимал и доверял
2 months ago 00:05:33 1
Мой бизнес Валенки на заказ Шитье
2 months ago 00:31:06 1
Сумка из шнура Большая простая сумка своими руками Вязание крючком Пошаговое видео для начинающих
2 months ago 00:13:58 1
СПАСИТЕ СВОЮ ЩИТОВИДКУ! Секреты тибетской медицины для ПОЛНОГО ВОССТАНОВЛЕНИЯ щитовидной железы
2 months ago 00:21:48 1
7 идей новогодних поделок своими руками Рождественский домик
2 months ago 00:04:39 2
😲Не надо шить! 🎀Простейший бантик из бархатной ленты и фатина. Мастер класс резинка для девочки
2 months ago 00:44:10 1
Эти сбои на Тонком Плане создают проблемы в отношениях! Законы отношений Нового Времени | Л. Клыков