Библиотека пополнилась эффектом под названием "Анимация развёртывания картинок" Раньше похожий эффект можно было сделать при помощи дополнительного шейпа и sbs анимации. Теперь же достаточно указать класс добавить скрипт в блок Т123
Описание модификации:
🔸Скрипт работает с изображениями и шейпами
🔸Можно выбрать направление и время анимации
🔸Возможность отключить анимацию на мобилках
Посмотреть пример и установить модификацию можно по ссылке👇
Описание модификации:
🔸Скрипт работает с изображениями и шейпами
🔸Можно выбрать направление и время анимации
🔸Возможность отключить анимацию на мобилках
Посмотреть пример и установить модификацию можно по ссылке👇
❤3👏3🔥1
Библиотека пополнилась🔥 модификацией под названием "Воспроизведение звука при клике на кнопку в Zero Block"
Скрипт отлично подойдет для создания музыкальных блоков с обложками на вашем сайте или просто для вывода звука при клике на кнопку.
Описание модификации:
🔸При клике на кнопку воспроизводит mp3 звук загруженный на Dropbox
🔸Можно создавать свои кастомные кнопки Play/Stop
🔸Функция зацикливания аудио
🔸Возможность добавить Lottie анимацию, которая будет проигрываться при воспроизведении звука.
Смотреть демо и установить модификацию можно по ссылке ниже👇
Скрипт отлично подойдет для создания музыкальных блоков с обложками на вашем сайте или просто для вывода звука при клике на кнопку.
Описание модификации:
🔸При клике на кнопку воспроизводит mp3 звук загруженный на Dropbox
🔸Можно создавать свои кастомные кнопки Play/Stop
🔸Функция зацикливания аудио
🔸Возможность добавить Lottie анимацию, которая будет проигрываться при воспроизведении звука.
Смотреть демо и установить модификацию можно по ссылке ниже👇
❤4👍3🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Только что Тильда выкатила обновление для панели цветов🎨
Что нового:
🔸Добавили пипетку. При помощи пипетки можно выбирать любой цвет на странице. Работает во всех современных браузерах
🔸Появилась возможность выбора одной из трех цветовых моделей (HEX, RGB или HSL)
🔸Переключатель палитры. Можно переключать палитры на выбор (сохраненные цвета, цвета которые используются на странице или библиотека цветов Tilda).
📌Новая палитра доступна во всех блоках и настройках где есть возможность менять цвет
Что нового:
🔸Добавили пипетку. При помощи пипетки можно выбирать любой цвет на странице. Работает во всех современных браузерах
🔸Появилась возможность выбора одной из трех цветовых моделей (HEX, RGB или HSL)
🔸Переключатель палитры. Можно переключать палитры на выбор (сохраненные цвета, цвета которые используются на странице или библиотека цветов Tilda).
📌Новая палитра доступна во всех блоках и настройках где есть возможность менять цвет
❤4👍3🔥3👏1
В Zero Block появилась возможность сбрасывать адаптацию для элементов🙅♂️
Как это работает:
Вы создали какой-то элемент на экране 1200. Затем сделали адаптацию под другие экраны, но результат вам не понравился. Достаточно перейти на разрешение 1200, выделить элемент или группу элементов, нажать ПКМ и выбрать опцию сброса адаптации. Поле чего можно начать адаптировать заново.
Есть возможность сбросить адаптацию только для определенных экранов. Например, для сброса адаптации только на экранах 320 и 480, нужно перейти к старшему разрешению 640 и там нажать кнопку сброса.
☝️Если кнопка сброса не активная, значит у выбранных элементов еще не настроена адаптация.
Как это работает:
Вы создали какой-то элемент на экране 1200. Затем сделали адаптацию под другие экраны, но результат вам не понравился. Достаточно перейти на разрешение 1200, выделить элемент или группу элементов, нажать ПКМ и выбрать опцию сброса адаптации. Поле чего можно начать адаптировать заново.
Есть возможность сбросить адаптацию только для определенных экранов. Например, для сброса адаптации только на экранах 320 и 480, нужно перейти к старшему разрешению 640 и там нажать кнопку сброса.
☝️Если кнопка сброса не активная, значит у выбранных элементов еще не настроена адаптация.
❤5👏4👍1
Описание модификации:
🔸Можно настроить время анимации;
🔸Можно указать суффикс и префикс для числа;
🔸Можно создавать несколько чисел с анимацией;
🔸Работает на мобилках;
👀 Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5❤2👍1👎1👏1
Модификация поможет изменить форму точек в (bullet) в галереи на Zero Block, а также добавляет к ним легкую анимацию.
При помощи скрипта можно:
🔸Изменить размеры и форму активной и неактивных точек;
🔸Изменить расположение булетов(слева или справа);
🔸Добавить плавную анимацию если размеры активной и неактивной точки разные;
👀Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👍4🔥1
Тильда продолжает обновлять цветовую палитру и переносить готовый функционал на другие блоки. Во всех стандартных блоках теперь появилась возможность добавлять градиент на фон и кнопки. Можно создать свой градиент или выбрать готовый из библиотеки. Градиенты можно сохранять в палитру цветов для быстрого доступа.
#новостиТильда
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤4🔥3🤔1
Еще немного обновлений в Zero Block от Tilda
🔸На плашке направляющей теперь можно задать разрешение экрана, на котором она будет отображаться. Сама плашка всегда примагничена слева к экрану и теперь всегда можно быстро изменить координаты направляющей.
🔸Артборд теперь масштабируется от 20 до 300% и двигается относительно центра.
🔸Перемещение артборда одной рукой. Нажав на колесико мыши, можно перемещать рабочую область одной рукой.
🔸Изменение координат и размеров элемента «на лету». При перемещении и изменении размера элемента его координаты и параметры высоты и длины в панели настроек меняются моментально.
#новостиТильда
🔸На плашке направляющей теперь можно задать разрешение экрана, на котором она будет отображаться. Сама плашка всегда примагничена слева к экрану и теперь всегда можно быстро изменить координаты направляющей.
🔸Артборд теперь масштабируется от 20 до 300% и двигается относительно центра.
🔸Перемещение артборда одной рукой. Нажав на колесико мыши, можно перемещать рабочую область одной рукой.
🔸Изменение координат и размеров элемента «на лету». При перемещении и изменении размера элемента его координаты и параметры высоты и длины в панели настроек меняются моментально.
#новостиТильда
❤4👍2👏2
Дарим подписку TiCode Pro 🎁
На днях наш канал перешагнул отметку в 100 подписчиков. В честь это небольшого события хотим разыграть подписку TiCode Pro на две недели.
Условия максимально простые:
1️⃣ Быть подписанным на канал
2️⃣ Написать в комментариях «участвую»
🔸От одного аккаунта учитывается только один комментарий.
🔸Участвовать можно даже если у вас уже есть активная подписка.
🔸Победителя выберем случайным образом при помощи random.org (19.07.23)
На днях наш канал перешагнул отметку в 100 подписчиков. В честь это небольшого события хотим разыграть подписку TiCode Pro на две недели.
Условия максимально простые:
🔸От одного аккаунта учитывается только один комментарий.
🔸Участвовать можно даже если у вас уже есть активная подписка.
🔸Победителя выберем случайным образом при помощи random.org (19.07.23)
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9❤2👍2👌2
TiCode | Модификации для Тильда
Дарим подписку TiCode Pro 🎁 На днях наш канал перешагнул отметку в 100 подписчиков. В честь это небольшого события хотим разыграть подписку TiCode Pro на две недели. Условия максимально простые: 1️⃣ Быть подписанным на канал 2️⃣ Написать в комментариях «участвую»…
Подведем итоги📣
Победитель розыгрыша 10 номер @ezzy_dizz
Уже связались для выдачи подписки. Поздравляем с победой и желаем успехов в новых проектах.
Видео розыгрыша доступно по ссылке
P.s. На сегодня это еще не все новости. Ожидайте релиз новой модификации🔊
Победитель розыгрыша 10 номер @ezzy_dizz
Уже связались для выдачи подписки. Поздравляем с победой и желаем успехов в новых проектах.
Видео розыгрыша доступно по ссылке
P.s. На сегодня это еще не все новости. Ожидайте релиз новой модификации
Please open Telegram to view this post
VIEW IN TELEGRAM
👏5🎉2👍1😁1
Сегодня библиотека пополнилась еще одной версией табов "Табы в рамках одного зеро блок"🔥
Довольно гибкий инструмент который позволяет переключать контент внутри одного зеро блока. Если классы накинуть вместо элементов на зеро блоки, то можно переключать и блоки.
Описание модификации:
🔸Переключение контента в рамках одного зеро блок;
🔸Подсветка кнопки активного таба;
🔸Возможность переключать блоки вместо контента
🔸Легко дублируется и работает в рамках одной страницы
🔸Минимальная нагрузка на сайт так как скрипт не использует сторонних библиотек
Zero Block ограничен в количестве контента(примерно 100 элементов на блок). Поэтому если вам нужно переключать много контента в одном блоке, то лучше использовать классические табы которые переключают Zero Block, хотя и в этой модификации такая возможность есть.
👀 Смотреть пример
Довольно гибкий инструмент который позволяет переключать контент внутри одного зеро блока. Если классы накинуть вместо элементов на зеро блоки, то можно переключать и блоки.
Описание модификации:
🔸Переключение контента в рамках одного зеро блок;
🔸Подсветка кнопки активного таба;
🔸Возможность переключать блоки вместо контента
🔸Легко дублируется и работает в рамках одной страницы
🔸Минимальная нагрузка на сайт так как скрипт не использует сторонних библиотек
Zero Block ограничен в количестве контента(примерно 100 элементов на блок). Поэтому если вам нужно переключать много контента в одном блоке, то лучше использовать классические табы которые переключают Zero Block, хотя и в этой модификации такая возможность есть.
👀 Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11👍4❤🔥3❤1
Открываем новый месяц модификацией под названием "Таймер на Zero Block" ⏱
Модификация добавляет таймер, который можно легко кастомизировать и адаптировать стандартными настройками в Zero Block. Отлично подойдет для сайтов по продаже курсов или блоков спец предложений и акций.
Описание модификации:
🔸Возможность выводить дни/часы/минуты/секунды
🔸Функция зацикливания
🔸Режим кеширования(запоминает значения таймера и при следующем заходе на сайт, продолжает отсчитывать)
🔸Возможность выполнить свое действие при достижении нуля(переход по ссылке, открыть попап, скролл до якоря)
🔸Легко дублируется и работает в рамках одной страницы
P.s. напоминаем что каждый месяц у нас выходит минимум две модификации. Предложения по новым модификациям и расширения функционала старых, можно писать в наш чат
👀 Смотреть пример
Модификация добавляет таймер, который можно легко кастомизировать и адаптировать стандартными настройками в Zero Block. Отлично подойдет для сайтов по продаже курсов или блоков спец предложений и акций.
Описание модификации:
🔸Возможность выводить дни/часы/минуты/секунды
🔸Функция зацикливания
🔸Режим кеширования(запоминает значения таймера и при следующем заходе на сайт, продолжает отсчитывать)
🔸Возможность выполнить свое действие при достижении нуля(переход по ссылке, открыть попап, скролл до якоря)
🔸Легко дублируется и работает в рамках одной страницы
P.s. напоминаем что каждый месяц у нас выходит минимум две модификации. Предложения по новым модификациям и расширения функционала старых, можно писать в наш чат
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍2❤1❤🔥1
🔸 Горизонтальный скрол со стрелками
Исправлена ошибка, когда при дублировании кода в рамках одной страницы, стрелки переставали работать;
🔸Выравнивание текста по ширине
Исправлена ошибка когда некоторый текст не выравнивался по ширине;
🔸 Вкладки и табы на Zero Block
Добавлена возможность указывать ссылку на активный таб. Например если при переходе на сайт нужно чтобы была открыта вторая вкладка, то достаточно указать ссылку http://сайт/#tc-tabs2
P.s. В личном кабинете починили кнопку смены пароля.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8❤6👏3❤🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Блок превращает любой Zero Block в попап.
При помощи этого блока можно сделать меню второго уровня, попап или подсказку при клике. Возможностей действительно много.
Как это работает:
1. Добавляем блок Т1093. Находится во вкладке "другое".
2. Заходим в контент блока, указываем ссылку по которой будем открывать блок и id Zero Block.
3. Ссылку присваиваем любому элементу.
4. Готово
В настройках Т1093 можно дополнительно настроить выравнивание, размытие фона, детали анимации и многое другое.
P.s. Уже активно тестирую новую обнову и думаю скоро в нашей библиотеке появятся модификации под этот блок 😎
👀 Читать подробную инструкцию
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11👏4❤2❤🔥1👍1
Скрипт добавляет поле ввода в виде звездочек в стандартные формы Tilda. Модификация отлично подойдет для интернет магазинов (например для блока отзывы) или сайтов с продажами различных услуг (например для оценки работы мастеров/персонала)
Описание модификации:
🔸 Возможность изменить цвет дефолтной и активной звезды;
🔸 Возможность дублировать модификацию в рамках одной страницы;
P.s. Не забываем что предложения по новым модификациям и расширения функционала старых, можно писать в наш чат
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6❤🔥4❤2👍1
Этот небольшой, но очень полезный скрипт избавит вас от рутины. Теперь не нужно вручную менять год в футере или других местах на сайте.
Для установки достаточно набросить ссылку на весь текст или его часть. Вместо ссылки будет подставляться актуальный год.
👀 Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8👍7🔥4🤡1
Я тут заметил что Тильда немного раздел Favicon обновила. Анонса пока не было, но функционал уже можно посмотреть и пощупать👌
Что нового:
🔸 Возможность устанавливать отдельные фавиконы для светлой и темной темы браузера.
🔸 Больше форматов. Теперь не обязательно грузить иконку формата ICO. Можно грузить png или jpg.
🔸 Добавлена возможность автоматической перекраски фавикон формата svg для темной и светлой темы браузера.
Для отображения нового функционала необходимо в профиле тильда поставить галочку "Участвовать в тестировании новых функций"
Что нового:
🔸 Возможность устанавливать отдельные фавиконы для светлой и темной темы браузера.
🔸 Больше форматов. Теперь не обязательно грузить иконку формата ICO. Можно грузить png или jpg.
🔸 Добавлена возможность автоматической перекраски фавикон формата svg для темной и светлой темы браузера.
Для отображения нового функционала необходимо в профиле тильда поставить галочку "Участвовать в тестировании новых функций"
🔥10❤5👍3
Скрипт поможет разбавить скучные кнопки, добавив им эффект магнетизма.
Описание модификации:
🔸 Возможность настроить радиус и скорость магнита.
🔸 Дополнительно можно настроить поворот и увеличение кнопки при наведении.
🔸 Функция отслеживания курсора будет поворачивать кнопку в сторону курсора.
🔸 Скрипт легко дублируется в рамках одной страницы.
👀 Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👏3🔥1🤡1
😱 Несколько часов назад Тильда выкатила крупное обновление. Подробности ниже:
🔶 Редактор плавности SBS анимации. Раньше было всего 5 типов анимации( linear, ease-in и т. д.) Сейчас расширили до 24 с возможностью их настройки. Примерн можно наблюдать на первом видео;
🔶 Два новых типа анимации. Loop with reverse - зацикленная анимация которую проигрывает по шагам и возвращает на исходную позицию. При помощи такой анимации можно закольцевать анимацию элемента. Loop once - анимация будет выполняться только один раз(до повторного обновления страницы). Использовать можно например для создания меню второго уровня, когда нужно чтобы при наведении элемент появлялся и не исчезал когда курсор убрали от триггера. Подробнее на втором видео.
🔶 Добавили поддержку градиентов для SVG элементов.
🔶 В Zero Block теперь можно вывести кнопку "опубликовать" чтобы публиковать страницу не выходя из зеро. Для включения кнопки нажмите: Artbord settings → Zero Block settings → Publish.
🔶 Появилась возможность задавать настройки overflow для осей X и Y. Пригодиться если решили сделать горизонтальный скролл без кода. Напомню что в библиотеке TiCode есть горизонтальный скролл со стрелками
🔶 Добавлена поддержка масок при импорте SVG в векторный редактор.
🔶 Добавление элементов в Zero Block теперь можно делать через меню, нажав на артборд правой кнопкой мыши.
🔶 Приближение артборда через cmd/ctrl + прокрутка колесика мыши. Дополнительный способ приближает или отдаляет артборд на 5% за одно движение колесиком.
В общем обновлений много, работать стало еще удобнее👌
🔶 Редактор плавности SBS анимации. Раньше было всего 5 типов анимации( linear, ease-in и т. д.) Сейчас расширили до 24 с возможностью их настройки. Примерн можно наблюдать на первом видео;
🔶 Два новых типа анимации. Loop with reverse - зацикленная анимация которую проигрывает по шагам и возвращает на исходную позицию. При помощи такой анимации можно закольцевать анимацию элемента. Loop once - анимация будет выполняться только один раз(до повторного обновления страницы). Использовать можно например для создания меню второго уровня, когда нужно чтобы при наведении элемент появлялся и не исчезал когда курсор убрали от триггера. Подробнее на втором видео.
🔶 Добавили поддержку градиентов для SVG элементов.
🔶 В Zero Block теперь можно вывести кнопку "опубликовать" чтобы публиковать страницу не выходя из зеро. Для включения кнопки нажмите: Artbord settings → Zero Block settings → Publish.
🔶 Появилась возможность задавать настройки overflow для осей X и Y. Пригодиться если решили сделать горизонтальный скролл без кода. Напомню что в библиотеке TiCode есть горизонтальный скролл со стрелками
🔶 Добавлена поддержка масок при импорте SVG в векторный редактор.
🔶 Добавление элементов в Zero Block теперь можно делать через меню, нажав на артборд правой кнопкой мыши.
🔶 Приближение артборда через cmd/ctrl + прокрутка колесика мыши. Дополнительный способ приближает или отдаляет артборд на 5% за одно движение колесиком.
В общем обновлений много, работать стало еще удобнее👌
🔥16❤8👏3👍1