Forwarded from Tilda School | ON AIR
В этот понедельник стартует последний поток курса Tilda Pro в этом году ⭐
Это продвинутый курс для дизайнеров сайтов на Тильде.
🔘 Вы научитесь профессионально работать в Zero Block и сможете качественно верстать сайты со сложным уникальным дизайном.
🔘 Значительно улучшите свои навыки в UI/UX-дизайне и научитесь создавать крутые макеты сайтов с чистого листа.
🔘 Научитесь настраивать в Тильде сложную step-by-step анимацию, чтобы ваши сайты выглядели, как настоящие интерактивные истории.
А еще к концу курса вы круто усилите свое портфолио — все студенты делают 3 уникальных сайта под контролем преподавателей.
Tilda Pro начинается в понедельник, 14 ноября. Подробнее о курсе 👉 https://tilda.school/pro
- - -
Чтобы больше узнать о программе и особенностях курса, а также познакомиться с преподавателями — приходите завтра на день открытых дверей курса Pro.
Участие бесплатное. Начало в субботу в 16:00. Записаться можно по ссылке 👉 https://tilda.school/pro-open-lesson
Это продвинутый курс для дизайнеров сайтов на Тильде.
🔘 Вы научитесь профессионально работать в Zero Block и сможете качественно верстать сайты со сложным уникальным дизайном.
🔘 Значительно улучшите свои навыки в UI/UX-дизайне и научитесь создавать крутые макеты сайтов с чистого листа.
🔘 Научитесь настраивать в Тильде сложную step-by-step анимацию, чтобы ваши сайты выглядели, как настоящие интерактивные истории.
А еще к концу курса вы круто усилите свое портфолио — все студенты делают 3 уникальных сайта под контролем преподавателей.
Tilda Pro начинается в понедельник, 14 ноября. Подробнее о курсе 👉 https://tilda.school/pro
- - -
Чтобы больше узнать о программе и особенностях курса, а также познакомиться с преподавателями — приходите завтра на день открытых дверей курса Pro.
Участие бесплатное. Начало в субботу в 16:00. Записаться можно по ссылке 👉 https://tilda.school/pro-open-lesson
Forwarded from ANNEXX
Что за штука "Отвязать адаптив"?
Доступно по подписке
Ну, про дизайн и верстку по принципу mobile first, наверняка, все знают? Для этого весьма поможет новая фича с отвязкой адаптива. Отныне у вас ничего не будет ломаться при адаптации дизайна для разных разрешений.
Здесь показано, для чего можно применять функцию "Отвязать адаптив" и как это работает.
Пользуйтесь с удовольствием, это удобно и в очередной раз экономит время при верстке. Кнопка уже несколько дней висит в расширении, по ней вы задали миллион вопросов. Простите очень, не успели раньше запилить инструкцию.
--
П.С. Особая благодарность и привет Киме, которая заморочилась проблемой и помогла практически сформулировать задачу!
Аминь.
Доступно по подписке
Ну, про дизайн и верстку по принципу mobile first, наверняка, все знают? Для этого весьма поможет новая фича с отвязкой адаптива. Отныне у вас ничего не будет ломаться при адаптации дизайна для разных разрешений.
Здесь показано, для чего можно применять функцию "Отвязать адаптив" и как это работает.
Пользуйтесь с удовольствием, это удобно и в очередной раз экономит время при верстке. Кнопка уже несколько дней висит в расширении, по ней вы задали миллион вопросов. Простите очень, не успели раньше запилить инструкцию.
--
П.С. Особая благодарность и привет Киме, которая заморочилась проблемой и помогла практически сформулировать задачу!
Аминь.
This media is not supported in your browser
VIEW IN TELEGRAM
Упорядочить страницы в тильде и облегчить себе работу
Наверное, многие уже привыкли использовать папки, группируя страницы, это удобно и понятно.
Но все ли используют лейблы и комментарии?
Лейблы — теги страниц, которые видны только в Тильде. С ними легко фильтровать и выделять страницы. Использовать можно как угодно, например, как стадии работы над проектом.
Комментарии полезны для более подробных пометок, они тоже отображаются только внутри Тильды. Можно оставлять сообщение для себя, клиента или коллеги, например, написав «вот на этой странице нужно проверить адаптив».
Наверное, многие уже привыкли использовать папки, группируя страницы, это удобно и понятно.
Но все ли используют лейблы и комментарии?
Лейблы — теги страниц, которые видны только в Тильде. С ними легко фильтровать и выделять страницы. Использовать можно как угодно, например, как стадии работы над проектом.
Комментарии полезны для более подробных пометок, они тоже отображаются только внутри Тильды. Можно оставлять сообщение для себя, клиента или коллеги, например, написав «вот на этой странице нужно проверить адаптив».
Media is too big
VIEW IN TELEGRAM
Рисует нейросеть
Как можно использовать фишку?
Искусственный интеллект уже использовали для обложки известного журнала, для создания комиксов, ретуши старых фото и даже создавали настоящие произведения искусства.
А что если использовать полученные изображения для своего блога, сайта на Тильде или, как в нашем примере, для верстки сказки? Плюс в том, что изображения получаются полностью оригинальными.
На видео объединены – часть шаблона Про от Тильды, сгенерированные изображения из Midjourney и часть сказки на английском.
И полотно текста заиграло красками с помощью фэнтезийных изображений.
Как можно использовать фишку?
Искусственный интеллект уже использовали для обложки известного журнала, для создания комиксов, ретуши старых фото и даже создавали настоящие произведения искусства.
А что если использовать полученные изображения для своего блога, сайта на Тильде или, как в нашем примере, для верстки сказки? Плюс в том, что изображения получаются полностью оригинальными.
На видео объединены – часть шаблона Про от Тильды, сгенерированные изображения из Midjourney и часть сказки на английском.
И полотно текста заиграло красками с помощью фэнтезийных изображений.
This media is not supported in your browser
VIEW IN TELEGRAM
Один шрифт в неделю
Пробуем рубрику, в которой не просто «вот шрифт» и ссылка на него. Выбираем бесплатный для коммерческого использования шрифт и верстаем с ним несколько блоков в Тильде.
Сегодня выбор пал на Ultramono 2.0 (package 1 — free, а все семейство можно приобрести).
Этот шрифт использован во всех заголовках в примере.
Скачать шрифт
Пробуем рубрику, в которой не просто «вот шрифт» и ссылка на него. Выбираем бесплатный для коммерческого использования шрифт и верстаем с ним несколько блоков в Тильде.
Сегодня выбор пал на Ultramono 2.0 (package 1 — free, а все семейство можно приобрести).
Этот шрифт использован во всех заголовках в примере.
Скачать шрифт
This media is not supported in your browser
VIEW IN TELEGRAM
Субботний #inspiration из MoT
Мы выбрали сайт из тех, что недавно попали в подборку Made on Tilda.
Небольшой, но интересный развлекательно-обучающий проект, который помогает немного больше узнать об истории в игровой форме.
Летающие предметы истории с помощью sbs-анимации, внедренный квиз и уже знакомый всем фоновый шум
https://strangeobjects.ru/
Если вы хотите поделиться крутым проектом, сделанным на тильде, отправляйте ссылку в комментарии.
Мы выбрали сайт из тех, что недавно попали в подборку Made on Tilda.
Небольшой, но интересный развлекательно-обучающий проект, который помогает немного больше узнать об истории в игровой форме.
Летающие предметы истории с помощью sbs-анимации, внедренный квиз и уже знакомый всем фоновый шум
https://strangeobjects.ru/
Если вы хотите поделиться крутым проектом, сделанным на тильде, отправляйте ссылку в комментарии.
This media is not supported in your browser
VIEW IN TELEGRAM
Продвинутый режим отображения страниц в личном кабинете
Новые функции личного кабинета в Тильде делают работу со страницами в проекте удобнее.
Поиск
Страницы можно искать по заголовку, адресу, лейблу или комментарию
Сортировка страниц по нужным параметрам
Массовые действия 🔥
Можно выбирать несколько страниц и действие с ними: удалить, дублировать, опубликовать или снять с публикации и перенести в папку или в другой проект.
Предложение включить продвинутый режим появится в личном кабинете при переходе в проект, где более 20 страниц.
Отключить или включить настройку можно на вкладке «Профиль» в личном кабинете. Режим работает пока только для тех у кого стоит галочка «Участвовать в тестировании новых функций».
Новые функции личного кабинета в Тильде делают работу со страницами в проекте удобнее.
Поиск
Страницы можно искать по заголовку, адресу, лейблу или комментарию
Сортировка страниц по нужным параметрам
Массовые действия 🔥
Можно выбирать несколько страниц и действие с ними: удалить, дублировать, опубликовать или снять с публикации и перенести в папку или в другой проект.
Предложение включить продвинутый режим появится в личном кабинете при переходе в проект, где более 20 страниц.
Отключить или включить настройку можно на вкладке «Профиль» в личном кабинете. Режим работает пока только для тех у кого стоит галочка «Участвовать в тестировании новых функций».
Forwarded from ANNEXX
ANX828. Transform-origin для SBS анимации
Доступно в режиме подписки
Звучит, будто у Бамблби выросли яйца... Но в жизни дизайнера невероятно полезный инструмент.
До сих пор ваша анимация рассчитывалась только от центра объекта. Отныне вы ставите координаты точки, относительно которой происходит изменение элемента.
Конечно, нужно чуточку вникнуть в суть работы модификации, оно того стоит.
Мы максимально упростили управление этим параметром — вам остается лишь задать координаты точки в процентах.
Смотрите детальную видеоинструкцию с таймкодами, там простым языком:
▪️как рассчитывается точка;
▪️как работать с модификацией;
▪️примеры.
Да пребудут с вами боги творчества.
Аминь.
Доступно в режиме подписки
Звучит, будто у Бамблби выросли яйца... Но в жизни дизайнера невероятно полезный инструмент.
До сих пор ваша анимация рассчитывалась только от центра объекта. Отныне вы ставите координаты точки, относительно которой происходит изменение элемента.
Конечно, нужно чуточку вникнуть в суть работы модификации, оно того стоит.
Мы максимально упростили управление этим параметром — вам остается лишь задать координаты точки в процентах.
Смотрите детальную видеоинструкцию с таймкодами, там простым языком:
▪️как рассчитывается точка;
▪️как работать с модификацией;
▪️примеры.
Да пребудут с вами боги творчества.
Аминь.
This media is not supported in your browser
VIEW IN TELEGRAM
Управление доступными датами в формах в Тильде
В начале осени в формах появилась возможность отмечать недоступные для выбора даты в календаре.
Это очень удобно, если заказчик оказывает услуги или доставляет товары только в конкретные дни.
Получается, посетитель сайта сможет выбрать только те даты, которые открыты для записи.
Можно отключить выбор определённых дат недели, в нашем примере — это выходные, а также запретить выбирать прошедшие или будущие даты.
Чтобы настроить нужные дни, в поле типа «Дата» нажмите «Ещё» и отметьте галочками дни, которые должны быть недоступны для выбора.
Функция работает во всех базовых блоках с формами и в Zero Block.
В начале осени в формах появилась возможность отмечать недоступные для выбора даты в календаре.
Это очень удобно, если заказчик оказывает услуги или доставляет товары только в конкретные дни.
Получается, посетитель сайта сможет выбрать только те даты, которые открыты для записи.
Можно отключить выбор определённых дат недели, в нашем примере — это выходные, а также запретить выбирать прошедшие или будущие даты.
Чтобы настроить нужные дни, в поле типа «Дата» нажмите «Ещё» и отметьте галочками дни, которые должны быть недоступны для выбора.
Функция работает во всех базовых блоках с формами и в Zero Block.
This media is not supported in your browser
VIEW IN TELEGRAM
Один шрифт в неделю
Рубрика, в которой мы выбираем бесплатный для коммерческого использования шрифт и показываем, как он выглядит в Тильде на примере нескольких блоков.
Сегодня это шрифт Novelist.
Шрифт использован для заголовков.
Ссылка на Novelist
Рубрика, в которой мы выбираем бесплатный для коммерческого использования шрифт и показываем, как он выглядит в Тильде на примере нескольких блоков.
Сегодня это шрифт Novelist.
Шрифт использован для заголовков.
Ссылка на Novelist
This media is not supported in your browser
VIEW IN TELEGRAM
#inspiration из МоТ
Мы выбрали сайт из тех, что недавно попали в Made on Tilda.
Сегодня — сайт мультимедийного музея в Ярославле. Достаточно воздуха, внимание к элементам, приятная анимация в мелочах.
https://yarmnh.ru/
Если вы хотите поделиться крутым проектом, сделанным на тильде, отправляйте ссылку в комментарии.
Мы выбрали сайт из тех, что недавно попали в Made on Tilda.
Сегодня — сайт мультимедийного музея в Ярославле. Достаточно воздуха, внимание к элементам, приятная анимация в мелочах.
https://yarmnh.ru/
Если вы хотите поделиться крутым проектом, сделанным на тильде, отправляйте ссылку в комментарии.
ANNEXX улучшили блок ANX812 Масштабирование стандартных блоков
Не только улучшили, но и детально объяснили, как работать с этой модификацией.
Если вы ещё не использовали ANX812 или даже не знали о нем, самое время прочитать этот пост 👇
https://t.me/annexx_team/102
Не только улучшили, но и детально объяснили, как работать с этой модификацией.
Если вы ещё не использовали ANX812 или даже не знали о нем, самое время прочитать этот пост 👇
https://t.me/annexx_team/102
This media is not supported in your browser
VIEW IN TELEGRAM
Как легко зафиксировать нужную часть блока в Zero Block
В этом нам поможет анимация фиксации. Кликните на элемент и в настройках найдите вкладку Basic Animation > Fixing
В Fixing есть 2 параметра – Distance, Trigger offset. Но для начала нужно выбрать с какого места начнется фиксация элемента — от верхней границы экрана (on window top), центра (on window bottom), нижней границы (on window bottom)
Distance – ставим высоту нашего скролла, в примере перебором от 2100px (высота зеро блока), заголовку достаточно было дистанции меньше, 1600px, чтобы он успел уехать до начала следующего блока.
Trigger offset – дополнительное смещение от верхней границы экрана, важно выставить правильную настройку. Смотрим на расположение элемента или текста по Y, добавляем это значение в trigger offset.
Положение зафиксированных элементов в примере осталось в window top.
Чтобы лучше разобраться с анимацией фиксации в Zero Block, посмотрите урок «Фиксация элементов по скролу» в учебнике Тильды по анимации.
https://tilda.education/courses/webanimation/scrollfix/
В этом нам поможет анимация фиксации. Кликните на элемент и в настройках найдите вкладку Basic Animation > Fixing
В Fixing есть 2 параметра – Distance, Trigger offset. Но для начала нужно выбрать с какого места начнется фиксация элемента — от верхней границы экрана (on window top), центра (on window bottom), нижней границы (on window bottom)
Distance – ставим высоту нашего скролла, в примере перебором от 2100px (высота зеро блока), заголовку достаточно было дистанции меньше, 1600px, чтобы он успел уехать до начала следующего блока.
Trigger offset – дополнительное смещение от верхней границы экрана, важно выставить правильную настройку. Смотрим на расположение элемента или текста по Y, добавляем это значение в trigger offset.
Положение зафиксированных элементов в примере осталось в window top.
Чтобы лучше разобраться с анимацией фиксации в Zero Block, посмотрите урок «Фиксация элементов по скролу» в учебнике Тильды по анимации.
https://tilda.education/courses/webanimation/scrollfix/
This media is not supported in your browser
VIEW IN TELEGRAM
Отображение блоков на сайте по геолокации
В Тильде можно показывать разный контент пользователям, открывающим сайт с разных локаций.
Это может быть удобно, например, в блоке контактов.
Можно настроить зависимость от страны, города или региона.
На видео показываем достаточно простые настройки в контенте блока T810. Он позволяет скрыть или показать блок по геопозиции, в примере у нас два блока с разными формами, на английском и немецком.
Также есть блоки T804 (чтобы изменить текст в любом блоке, например, у ресторана есть точки в разных городах) и Т808 (чтобы перенаправить человека на другую страницу при открытии сайта из выбранной локации).
У каждого блока в контенте есть понятная и удобная инструкция.
А подробнее о динамическом контенте тут 👉 https://help-ru.tilda.cc/multilanding-geolanding
В Тильде можно показывать разный контент пользователям, открывающим сайт с разных локаций.
Это может быть удобно, например, в блоке контактов.
Можно настроить зависимость от страны, города или региона.
На видео показываем достаточно простые настройки в контенте блока T810. Он позволяет скрыть или показать блок по геопозиции, в примере у нас два блока с разными формами, на английском и немецком.
Также есть блоки T804 (чтобы изменить текст в любом блоке, например, у ресторана есть точки в разных городах) и Т808 (чтобы перенаправить человека на другую страницу при открытии сайта из выбранной локации).
У каждого блока в контенте есть понятная и удобная инструкция.
А подробнее о динамическом контенте тут 👉 https://help-ru.tilda.cc/multilanding-geolanding
Forwarded from ANNEXX
This media is not supported in your browser
VIEW IN TELEGRAM
ANX015. Конструктор меню
Доступно в режиме подписки
Всё верно. Отныне любое нестандартное меню делается в этой модификации. Десктоп и телефон. Вам не нужны другие инструменты. Любые полумеры и костыли отметайте как устаревшее. Все в интерфейсе Тильды. Незаменимая вещь.
С помощью зеро в вашей власти:
▪️Многоуровневое меню.
▪️Позиционирование на экране.
▪️Видео в меню.
▪️Анимация появления/скрытия.
▪️Настройка фона.
▪️Действие скролла.
▪️И еще миллион деталей.
Здесь подробная видеоинструкция по работе с этим волшебством.
Да прикоснутся к челу вашему милостивые боги дизайна.
Аминь.
П.С. Вот еще момент — эта же модификация открывает вам дополнительные возможности. Пилите практически любые виджеты и кастомные попапы.
П.П.С. Шаблон на видосе 32582351.
Тепер точно аминь.
Доступно в режиме подписки
Всё верно. Отныне любое нестандартное меню делается в этой модификации. Десктоп и телефон. Вам не нужны другие инструменты. Любые полумеры и костыли отметайте как устаревшее. Все в интерфейсе Тильды. Незаменимая вещь.
С помощью зеро в вашей власти:
▪️Многоуровневое меню.
▪️Позиционирование на экране.
▪️Видео в меню.
▪️Анимация появления/скрытия.
▪️Настройка фона.
▪️Действие скролла.
▪️И еще миллион деталей.
Здесь подробная видеоинструкция по работе с этим волшебством.
Да прикоснутся к челу вашему милостивые боги дизайна.
Аминь.
П.С. Вот еще момент — эта же модификация открывает вам дополнительные возможности. Пилите практически любые виджеты и кастомные попапы.
П.П.С. Шаблон на видосе 32582351.
Тепер точно аминь.
Хотим еще раз напомнить вам про классное обновление корзины для интернет-магазинов на Тильде ↓
Forwarded from Tilda Publishing News
Обновление блока ST100. Оформление заказа в несколько этапов и полноэкранный вид корзины
Для блока ST100 «Корзина с формой заказа» появилась настройка, которая меняет внешний вид корзины и разбивает процесс покупки на два этапа. Сначала покупатель подтверждает список товаров, а затем заполняет свои контактные данные. На втором этапе корзина открывается во весь экран.
Это удобно, когда покупатели добавляют несколько товаров в корзину: им не придётся скроллить через список покупок, чтобы заполнить контактную форму в попапе. Форма будет размещена в левой части экрана, а список покупок — в правой.
Чтобы включить функцию, перейдите в Настройки блока корзины и установите галочку «Оформление заказа в несколько этапов». Не забудьте опубликовать страницы сайта после внесения изменений.
#tildaupdates
Для блока ST100 «Корзина с формой заказа» появилась настройка, которая меняет внешний вид корзины и разбивает процесс покупки на два этапа. Сначала покупатель подтверждает список товаров, а затем заполняет свои контактные данные. На втором этапе корзина открывается во весь экран.
Это удобно, когда покупатели добавляют несколько товаров в корзину: им не придётся скроллить через список покупок, чтобы заполнить контактную форму в попапе. Форма будет размещена в левой части экрана, а список покупок — в правой.
Чтобы включить функцию, перейдите в Настройки блока корзины и установите галочку «Оформление заказа в несколько этапов». Не забудьте опубликовать страницы сайта после внесения изменений.
#tildaupdates
This media is not supported in your browser
VIEW IN TELEGRAM
#inspiration из MoT
Мы выбрали сайт, сделанный на тильде, из тех, что попали недавно в Made on Tilda.
Сегодня это сайт-гайд по Грузии. Информативный и приятный, с большим количеством не стоковых иллюстраций.
https://georgia-guide.com/
Если вы хотите поделиться крутым проектом, сделанным на тильде, отправляйте ссылку в комментарии
Мы выбрали сайт, сделанный на тильде, из тех, что попали недавно в Made on Tilda.
Сегодня это сайт-гайд по Грузии. Информативный и приятный, с большим количеством не стоковых иллюстраций.
https://georgia-guide.com/
Если вы хотите поделиться крутым проектом, сделанным на тильде, отправляйте ссылку в комментарии