TiCode | Модификации для Тильда
976 subscribers
156 photos
17 videos
132 links
https://ticode.dev
Делимся крутыми модификациями и эффектами для тильда. Выдели свой сайт среди конкурентов!

Чат с поддержкой: https://t.me/+rWxNQ-DOSflkODM6

Сотрудничество: @borodach_tm
Download Telegram
В Zero Block появилась возможность сбрасывать адаптацию для элементов🙅‍♂️

Как это работает:
Вы создали какой-то элемент на экране 1200. Затем сделали адаптацию под другие экраны, но результат вам не понравился. Достаточно перейти на разрешение 1200, выделить элемент или группу элементов, нажать ПКМ и выбрать опцию сброса адаптации. Поле чего можно начать адаптировать заново.

Есть возможность сбросить адаптацию только для определенных экранов. Например, для сброса адаптации только на экранах 320 и 480, нужно перейти к старшему разрешению 640 и там нажать кнопку сброса.

☝️Если кнопка сброса не активная, значит у выбранных элементов еще не настроена адаптация.
5👏4👍1
🔊 Сегодня библиотека пополнилась модификацией "Анимация роста чисел"

Описание модификации:
🔸Можно настроить время анимации;
🔸Можно указать суффикс и префикс для числа;
🔸Можно создавать несколько чисел с анимацией;
🔸Работает на мобилках;

👀 Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥52👍1👎1👏1
🔊В библиотеку добавлена первая в этом месяце модификация "Кастомизация точек в галереи Zero Block"

Модификация поможет изменить форму точек в (bullet) в галереи на Zero Block, а также добавляет к ним легкую анимацию.

При помощи скрипта можно:
🔸Изменить размеры и форму активной и неактивных точек;
🔸Изменить расположение булетов(слева или справа);
🔸Добавить плавную анимацию если размеры активной и неактивной точки разные;

👀Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
5👍4🔥1
🔥Tilda Update: Градиенты в стандартных блоках

Тильда продолжает обновлять цветовую палитру и переносить готовый функционал на другие блоки. Во всех стандартных блоках теперь появилась возможность добавлять градиент на фон и кнопки. Можно создать свой градиент или выбрать готовый из библиотеки. Градиенты можно сохранять в палитру цветов для быстрого доступа.

👀Найти новый функционал можно в настройках блока

#новостиТильда
Please open Telegram to view this post
VIEW IN TELEGRAM
👍54🔥3🤔1
Еще немного обновлений в Zero Block от Tilda

🔸На плашке направляющей теперь можно задать разрешение экрана, на котором она будет отображаться. Сама плашка всегда примагничена слева к экрану и теперь всегда можно быстро изменить координаты направляющей.

🔸Артборд теперь масштабируется от 20 до 300% и двигается относительно центра.

🔸Перемещение артборда одной рукой. Нажав на колесико мыши, можно перемещать рабочую область одной рукой.

🔸Изменение координат и размеров элемента «на лету». При перемещении и изменении размера элемента его координаты и параметры высоты и длины в панели настроек меняются моментально.

#новостиТильда
4👍2👏2
Дарим подписку TiCode Pro 🎁

На днях наш канал перешагнул отметку в 100 подписчиков. В честь это небольшого события хотим разыграть подписку TiCode Pro на две недели.

Условия максимально простые:
1️⃣Быть подписанным на канал
2️⃣Написать в комментариях «участвую»

🔸От одного аккаунта учитывается только один комментарий.
🔸Участвовать можно даже если у вас уже есть активная подписка.
🔸Победителя выберем случайным образом при помощи random.org (19.07.23)
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥92👍2👌2
TiCode | Модификации для Тильда
Дарим подписку TiCode Pro 🎁 На днях наш канал перешагнул отметку в 100 подписчиков. В честь это небольшого события хотим разыграть подписку TiCode Pro на две недели. Условия максимально простые: 1️⃣Быть подписанным на канал 2️⃣Написать в комментариях «участвую»…
Подведем итоги📣

Победитель розыгрыша 10 номер @ezzy_dizz
Уже связались для выдачи подписки. Поздравляем с победой и желаем успехов в новых проектах.

Видео розыгрыша доступно по ссылке

P.s. На сегодня это еще не все новости. Ожидайте релиз новой модификации🔊
Please open Telegram to view this post
VIEW IN TELEGRAM
👏5🎉2👍1😁1
Сегодня библиотека пополнилась еще одной версией табов "Табы в рамках одного зеро блок"🔥

Довольно гибкий инструмент который позволяет переключать контент внутри одного зеро блока. Если классы накинуть вместо элементов на зеро блоки, то можно переключать и блоки.

Описание модификации:
🔸Переключение контента в рамках одного зеро блок;
🔸Подсветка кнопки активного таба;
🔸Возможность переключать блоки вместо контента
🔸Легко дублируется и работает в рамках одной страницы
🔸Минимальная нагрузка на сайт так как скрипт не использует сторонних библиотек

Zero Block ограничен в количестве контента(примерно 100 элементов на блок). Поэтому если вам нужно переключать много контента в одном блоке, то лучше использовать классические табы которые переключают Zero Block, хотя и в этой модификации такая возможность есть.

👀 Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11👍4❤‍🔥31
Открываем новый месяц модификацией под названием "Таймер на Zero Block"

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

Описание модификации:
🔸Возможность выводить дни/часы/минуты/секунды
🔸Функция зацикливания
🔸Режим кеширования(запоминает значения таймера и при следующем заходе на сайт, продолжает отсчитывать)
🔸Возможность выполнить свое действие при достижении нуля(переход по ссылке, открыть попап, скролл до якоря)
🔸Легко дублируется и работает в рамках одной страницы

P.s. напоминаем что каждый месяц у нас выходит минимум две модификации. Предложения по новым модификациям и расширения функционала старых, можно писать в наш чат

👀 Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍21❤‍🔥1
⚡️Обновил часть модификаций. Были исправлены ошибки и расширен функционал:

🔸 Горизонтальный скрол со стрелками
Исправлена ошибка, когда при дублировании кода в рамках одной страницы, стрелки переставали работать;

🔸Выравнивание текста по ширине
Исправлена ошибка когда некоторый текст не выравнивался по ширине;

🔸 Вкладки и табы на Zero Block
Добавлена возможность указывать ссылку на активный таб. Например если при переходе на сайт нужно чтобы была открыта вторая вкладка, то достаточно указать ссылку http://сайт/#tc-tabs2

P.s. В личном кабинете починили кнопку смены пароля.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍86👏3❤‍🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Тильда только что выкатила новый блок T1093

Блок превращает любой Zero Block в попап.
При помощи этого блока можно сделать меню второго уровня, попап или подсказку при клике. Возможностей действительно много.

Как это работает:
1. Добавляем блок Т1093. Находится во вкладке "другое".
2. Заходим в контент блока, указываем ссылку по которой будем открывать блок и id Zero Block.
3. Ссылку присваиваем любому элементу.
4. Готово

В настройках Т1093 можно дополнительно настроить выравнивание, размытие фона, детали анимации и многое другое.

P.s. Уже активно тестирую новую обнову и думаю скоро в нашей библиотеке появятся модификации под этот блок 😎

👀 Читать подробную инструкцию
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11👏42❤‍🔥1👍1
⚡️ Вторая модификация в этом месяце "Поле рейтинга (звездочки) в стандартных формах"

Скрипт добавляет поле ввода в виде звездочек в стандартные формы Tilda. Модификация отлично подойдет для интернет магазинов (например для блока отзывы) или сайтов с продажами различных услуг (например для оценки работы мастеров/персонала)

Описание модификации:
🔸 Возможность изменить цвет дефолтной и активной звезды;
🔸 Возможность дублировать модификацию в рамках одной страницы;

P.s. Не забываем что предложения по новым модификациям и расширения функционала старых, можно писать в наш чат

👀 Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6❤‍🔥42👍1
⚡️ Решил порадовать вас еще одной модификацией в этом месяце, да и к тому же бесплатной. Модификация называется "Автоматическая смена года на текущий".

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

Для установки достаточно набросить ссылку на весь текст или его часть. Вместо ссылки будет подставляться актуальный год.

👀 Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
8👍7🔥4🤡1
Я тут заметил что Тильда немного раздел Favicon обновила. Анонса пока не было, но функционал уже можно посмотреть и пощупать👌

Что нового:
🔸 Возможность устанавливать отдельные фавиконы для светлой и темной темы браузера.
🔸 Больше форматов. Теперь не обязательно грузить иконку формата ICO. Можно грузить png или jpg.
🔸 Добавлена возможность автоматической перекраски фавикон формата svg для темной и светлой темы браузера.

Для отображения нового функционала необходимо в профиле тильда поставить галочку "Участвовать в тестировании новых функций"
🔥105👍3
⚡️ Каждый месяц библиотека TiCode пополняется минимум на две модификации. Открываю доступ к первой модификации "Магнитная кнопка в Zero Block"

Скрипт поможет разбавить скучные кнопки, добавив им эффект магнетизма.

Описание модификации:
🔸 Возможность настроить радиус и скорость магнита.
🔸 Дополнительно можно настроить поворот и увеличение кнопки при наведении.
🔸 Функция отслеживания курсора будет поворачивать кнопку в сторону курсора.
🔸 Скрипт легко дублируется в рамках одной страницы.

👀 Смотреть пример
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% за одно движение колесиком.

В общем обновлений много, работать стало еще удобнее👌
🔥168👏3👍1
⚡️ Вторая но не последняя в этом месяце модификация под названием "Закрытие popup на блоке Т1093 после успешной отправки формы"

Не так давно Тильда добавила новый блок Т1093, который позволяет легко открывать любой Zero Block в виде popup. Зачастую такой функционал используют для создания всплывающих форм, но проблема в том что блок не закрывается после отправки формы. Пользователь должен сам закрывать окно кликая на крестик. Модификация решает эту проблему и закрывает popup после успешной отправки формы.

Описание модификации:
🔸 Закрытие popup окна только после успешной отправки формы;
🔸 Можно выбрать паузу перед закрытием (1-3 сек);
🔸 Закрытие окна даже при использования в форме кастомной кнопки вместо штатной;

👀 Смотреть пример
Please open Telegram to view this post
VIEW IN TELEGRAM
5🔥4👍3
🤖 В Тильда появилась возможность создавать тексты с помощью AI (искусственный интеллект)

Для этого нужно нажать на текстовый элемент и во вкладке "еще" выбрать "Сгенерировать с AI". Дальше необходимо указать тематику сайта и свой запрос. В ответ AI сгенерирует текст и если он подходит, то при нажатии кнопки "применить" текст добавит на сайт.

Вроде бы неплохо, но есть несколько - НО:
🔸 В основе лежит нейросеть обученная Google. Да это не Chat gpt и поэтому готовые тексты на порядок хуже чем при генерации через Chat gpt;
🔸 Максимальный ответ AI 300 символов;
🔸 Текст запроса тоже нужно вместить в 120 символов;
🔸 Ограничение в 100 генераций на день;

Вывод: штука интересная, но подойдет разве что для генерации тематических рыбных текстов небольших размеров. Другого применения пока что не нашел🤷‍♂️

➡️ Подробнее о функционале читайте тут
Please open Telegram to view this post
VIEW IN TELEGRAM
6👍4👏2