⌛ Автоматическая подгрузка товаров в каталоге Тильды

Вместо постоянного клика на кнопку «Загрузить еще» можно использовать код, который будет это делать за вас, создавая эффект плавной подгрузки товаров по мере скролла страницы. Вставьте код в блок Т123 на страницу с каталогом: Подключение библиотеки jQuery не требуется. 💛 Если у вас есть вопросы или пожелания к данной модификации, дайте знать в комментариях ☺️ ❗️ А также, если вам нужна какая-то модификация под ваш личный запрос — не стесняйтесь мне писать! Возможно, я смогу вам помочь найти решение и за одно поделюсь им в канале на случай, если кто-то тоже столкнулся с похожей потребностью 💕 #модификации #тильда

Зачастую мне приходится прибегать к помощи нейросети для написания скриптов (сама я знаю JS не на столько хорошо, чтобы писать скрипты с нуля самостоятельно). Недавно я писала модификацию для калькулятора на Тильде с помощью чата GTP. Когда я ставила ему задачу, я набила несколько шишек, из-за которых код получался не совсем подходящим. В этом посте я собрала для вас несколько советов по составлению более корректного запроса к ChatGTP на написание скриптов для Тильды: ⭐️ Обязательно начинайте запрос с фразы "Напиши скрипт на чистом JS", чтобы в коде не использовалась библиотека jQuery, это слегка ускорит загрузку вашего сайта ⭐️ Для того, чтобы код применялся к конкретному элементу, заранее найдите его уникальный класс в разметке Тильды и добавьте к запросу фразу "элемент с селектором .calc_form .t-input" (даже для запроса все равно придется немного разобраться с html 🥲) ⭐️ Тщательно и по шагам опишите логику работы кода (не забываем про классы и селекторы). Например: "Элемент с классом .название_класса должен появляться из полной прозрачности за 0,5 секунд при клике на кнопку с селектором .ID_блока .класс_кнопки" ⭐️ Если вы пишите скрипт к элементу зеро блока, магазина или любого другого объекта, загружающегося на Тильде с задержкой, то в конце запроса добавьте фразу: "Скрипт также должен предусматривать случай, если нужный элемент появляется с задержкой, поэтому пусть скрипт отслеживает появление элемента в DOM структуре с использованием MutationObserver." Дополнительные рекомендации: ⭐️ Можно сделать приписку в запросе, что сайт собран на Тильде, это поможет ChatGTP учесть ее некоторые особенности и, возможно, предложить какие-то улучшения кода ⭐️ Если вы пишите несколько скриптов для одной страницы и составляете запросы в разных диалогах ChatGTP, то надо учесть имена глобальных переменных в коде. Они ни в коем случае не должны повторяться! Глобальные переменные обозначаются с помощью слов var, let или const перед ними. Например: let value = this.value.replace(/[^\d ]/g, '').slice(0, MAX_LENGTH); здесь value — это имя глобальной переменной, и такое имя ChatGTP может использовать в своих кодах очень часто. Поэтому не допускайте повторов в именах переменных при нескольких запросах к чату GTP: "Не используй в качестве имени глобальной переменной value, оно уже занято". ⭐️ Если вам нужно, чтобы код работал только на определенном разрешении экрана, то также напишите об этом в запросе, чат GTP добавит в код медиа-запрос (отключение видимости блока с кодом в настройках Тильды не сработает). Например: "Код должен работать только на экранах размером от 960px и более" ⭐️ Если хотите отладить код и посмотреть в консоле его работу «на лету», добавьте в запрос фразу: "Добавь к коду консольное логирование". Пример полного запроса к ChatGTP: Напиши скрипт на чистом JS для сайта на Тильде, который будет выполнять следующее: - код должен запрещать вводить в инпут с селектором .calc_form .t-input любые знаки кроме цифр и пробела - также код должен ограничить максимальную длину вводимого текста в этот инпут до 7 знаков - скрипт должен предусматривать случай, если таких полей несколько на странице Не используй в качестве имени глобальной переменной input, оно уже занято. Скрипт также должен предусматривать случай, если нужный элемент появляется с задержкой, поэтому пусть скрипт отслеживает появление элемента в DOM структуре с использованием MutationObserver. 🌸 Поделитесь и вы своим опытом в составлении запросов чату GTP в комментариях. Есть ли у вас свои фишки и приемы в общении с ним? Также можете прислать примеры своих сработавших некорректно запросов, я попробую их улучшить для вас 😊 #тильда #нейросети #модификации

Всю прошлую неделю я пересматриваю Гоморру. Если кто-то из вас не смотрел этот сериал — жаль. Это лучшее, что сделали итальянцы примерно за последние лет 10. Сериал, если просто, про один из этапов жизни неаполитанской Каморры. Мафия, дружба, предателство, выгода и всё, что примерно происходит в диджитад сфере.. Но с другой стороны это драма о семье, ее модификациях, верности и изменах и целях, которые надо достигать. Рассказывать и спойлерить не буду. Первый раз, когда я смотрел проект, я думал "ОГО! Вот это круто", но не мог себе объяснить что. именно. Сейчас, после второго осмысленного просмотра, у меня появится татуировка "Sarò sempre dove c'è posto per me". Это значит, что я всегда буду там, где мне предначертано. Как только набью в октябре — покажу. А свои обещания я всегда держал.

Я собрала для вас в этой статье пять сервисов, которые добавляют Тильде новые возможности, так часто требуемые в ее стандартном функционале. Речь идет не о модификациях, а о полноценных веб-сервисах или расширениях, предназначенные для определенных задач. Отдельно хочу отметить новый сервис Arvess по импорту дизайна из Фигмы в zero-блок Тильды, который гораздо мощнее стандартного импорта. В чем его главные отличия: ⭐️ импорт фрейма любой ширины; ⭐️ импорт сразу нескольких фреймов для одного блока, под которые создаются брейкпоинты соответствующей ширины (т.е. вы переносите дизайн сразу со всеми адаптивами!); ⭐️ простые и не слишком требовательные настройки макета в Фигме; ⭐️ импорт иконок и картинок без дополнительных выгрузок в zero-блоке; ⭐️ импорт элементов со всеми эффектами наложения, тенями, обводками, прозрачностью и т.д. Сервис еще достаточно новый, но он быстро развивается. В случае обнаружения ошибок или возникновения пожеланий к сервису обязательно напишите об этом команде разработки. Все последние новости и обновления вы можете почитать на канале Arvess — подпишитесь, если вам интересно, и поддержите развитие этого полезного продукта 💜. #сервисы #статьи #тильда

Делюсь с вами кодом, с помощью которого можно скомбинировать стандартное меню ME403 со своей кнопкой из zero-блока. Отличие данной модификации от стандартного вызова меню заключается в том, что ваша кастомная кнопка останется поверх вызванного меню. Благодаря этому кнопку можно сопроводить сбс-анимацией крестика, например. Демонстрацию работы модификации можно посмотреть по ссылке. Инструкция к модификации: 🔸 Создайте zero-блок, в нем разместите кнопку для вызова меню. У кнопки не нужно прописывать ссылку, но надо задать ей класс .menu_open_btn Также можно настроить сбс-анимацию для линий гамбургер-меню по превращению в крестик, как в моем примере. Зафиксируйте положение zero-блока и присвойте ему z-index равный 9999990, чтобы кнопка всегда находилась поверх меню, но ниже любого из модальных окон. 🔸 Добавьте на страницу блок ME403, настройте его как вам захочется. Но главное — обязательно поставьте галочку в настройках блока ✅ Показывать «гамбургер». В модификации можно использовать и другое стандартное меню, у которого есть возможность вызова через иконку гамбургера, но я остановилась на МЕ403, как самом универсальном. В случае использования другого меню, в коде надо заменить соответствующие стандартные классы. 🔸 Добавьте в блок Т123 код для работы кнопки по вызову меню: Подключение библиотеки jQuery не требуется. Если у вас есть вопросы или пожелания к данной модификации, дайте знать в комментариях ☺️ #модификации #тильда

Код для вставки в зеро-блок текущего времени любой часовой зоны, которое обновляется в режиме онлайн (каждые 5 секунд): 🔸 Добавьте код в блок Т123 на ту страницу, где нужна эта модификация 🔸 Создайте в зеро-блоке текстовый элемент, задайте ему все нужные стили и поставьте его там, где вы хотите показывать время. Присвойте элементу определенный класс, например current_time_moscow. Содержание этого текстового элемента вообще не важно. 🔸 В коде уберите или добавьте столько временных зон, сколько у вас таймеров на сайте. Каждому таймеру в зеро-блоке обязательно присвойте свой класс. В моем примере три зоны: Москва, Красноярск и Владивосток. Каждому таймеру я присвоила соответствующие классы: current_time_moscow, current_time_kras и current_time_vlad. 🔸 Внутри кода у каждой зоны также свои переменные time_str_m и current_time_m для Москвы, и похожие для других городов. Будьте внимательны при добавлении новых зон — везде переименуйте эти переменные внутри блока кода отдельной временной зоны. 🔸 В коде для каждой временной зоны укажите нужный параметр в значении timeZone. Для Москвы это будет "Europe/Moscow", а для Красноярска — "Asia/Krasnoyarsk". Полный список всех параметров временных зон вы можете посмотреть здесь (второй столбец — TZ identifier). Пример работы кода можете посмотреть на этой странице. Вы также можете дополнить таймер сбс-анимацией мигания точек, как в моем примере. Если у вас есть вопросы или пожелания к данной модификации, дайте знать в комментариях ☺️ #модификации #тильда

Констатируем, что с приходом Андерсона Dior стал трендовым — хотя бы в том смысле, что записался в ряды модных домов, которые один за другим откатились к своим старым логотипам. Например, в 2024-м, к архивам обратились и Chloé — когда обзавелись новым креативным директором в лице Чемены Камали. А до них свои лого обновили Saint Laurent, Burberry, Balmain и Berluti. На российском модном рынке совсем недавно модификации произошли у Lamoda, Ushatava и 12 Storeez. Что происходит? Зачем модные бренды меняют логотипы? И почему все чаще «откатываются» к архивным вариантам? Нелли Асриян поговорила с шрифтовыми и графическими дизайнерами и попыталась найти ответы — по ссылке. 🔹The Blueprint

1. Выбираем инструмент выделение-цветовой диапазон, в опциях выбираем «тени», разброс 58, диапазон 65 2. Выбираем выделение-модификация-расширить 6px (тут уже смотря какой логотип), создаем маску слоя. #photoshop Молодец 🥇 Автор: @mgkdesigns20">@mgkdesigns20 🩷 InDesign

в фотошопе😁 Шаг 1. Берем инструмент «Выделение объектов» Шаг 2. Расширяем выделение (выделение-модификация-расширить-50px) Шаг 3. Выбираем заливку с учетом содержимого (редактирование-заливка с учетом содержимого) Шаг 4. Правой кнопкой мыши связываем слои Шаг 5. Берем инструмент «заплатка» и убираем оставшиеся детали #photoshop Автор: @grafiktool Источник Intelligent Design

Тильда не так давно обновила дизайн сообщения об успешной отправке. И вам, возможно, захочется немного стилизовать его под дизайн вашего сайта. Я подготовила для вас несколько CSS свойств для преображения окошка об успехе: 🔸 Добавьте код в блок Т123 в шапку сайта, или в пользовательские стили (без тега style) Если у вас есть запрос на стили для других элементов окошка, дайте знать в комментариях ☺️ #модификации #тильда

🛠 Attrio CSV позволяет экспортировать данные графика зависимостей, оцененные для каждого кадра, в виде серии CSV-файлов для внешнего анализа или модификации. Эти CSV-файлы впоследствии можно импортировать в Blender в виде данных облака точек с помощью пользовательских деревьев узлов геометрии и узла импорта CSV — для дальнейшей модификации и использования, а также для снижения сложности вычислений в графе зависимостей за счёт ссылок на сохранённые данные. Источник 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #addons #blender #Attrio_CSV #3d #free #бесплатно

Куратор воркшопа: Паша Кондаков (pashadope), преподаватель нейрокурса КНИ, преподаватель нейронаправления в Британке, UI/UX дизайнер. Работал с Avalin, Газпром, Союзмультфильм, Dazzle, TAU on, Контркульт. Участвовал в выставках от БКЦ Нота, печаталcя в журнале Шило. Что будет происходить: Собери себя из будущего. Воркшоп о том, как превратить личные черты, привычки и эмоции в визуального персонажа — органического киборга, себя из далёкого будущего. Придумаем свои модификации: бытовые, символические, технологические. Разберёмся с omnireference, встроим туда себя, поиграем с текстурами и анатомией. Соберём фэнтезийный образ и переосмыслим будущее с киборгами, но органическими. На выходе — постеры или серия визуалов и прототип того, кем ты мог бы быть, если бы родился на несколько поколений позже. «Скидки за участие» РАБОТЫ В КОММЕНТАРИЯХ ⬇⬇⬇

Куратор воркшопа: Паша Кондаков (pashadope), преподаватель нейрокурса КНИ, преподаватель нейронаправления в Британке, UI/UX дизайнер. Работал с Avalin, Газпром, Союзмультфильм, Dazzle, TAU on, Контркульт. Участвовал в выставках от БКЦ Нота, печаталcя в журнале Шило. Что будет происходить: Собери себя из будущего. Воркшоп о том, как превратить личные черты, привычки и эмоции в визуального персонажа — органического киборга, себя из далёкого будущего. Придумаем свои модификации: бытовые, символические, технологические. Разберёмся с omnireference, встроим туда себя, поиграем с текстурами и анатомией. Соберём фэнтезийный образ и переосмыслим будущее с киборгами, но органическими. На выходе — постеры или серия визуалов и прототип того, кем ты мог бы быть, если бы родился на несколько поколений позже. Кому подойдёт: Дизайнерам / художникам / креаторам / мыслителям / мечтателям. В общем, всем. Что понадобится: Фигма, миджорни, хромик Запись будет на этом канале 📌 Ссылка на Zoom будет тут через час

Куратор воркшопа: Паша Кондаков (pashadope), преподаватель нейрокурса КНИ, преподаватель нейронаправления в Британке, UI/UX дизайнер. Работал с Avalin, Газпром, Союзмультфильм, Dazzle, TAU on, Контркульт. Участвовал в выставках от БКЦ Нота, печаталcя в журнале Шило. Что будет происходить: Собери себя из будущего. Воркшоп о том, как превратить личные черты, привычки и эмоции в визуального персонажа — органического киборга, себя из далёкого будущего. Придумаем свои модификации: бытовые, символические, технологические. Разберёмся с omnireference, встроим туда себя, поиграем с текстурами и анатомией. Соберём фэнтезийный образ и переосмыслим будущее с киборгами, но органическими. На выходе — постеры или серия визуалов и прототип того, кем ты мог бы быть, если бы родился на несколько поколений позже. Кому подойдёт: Дизайнерам / художникам / креаторам / мыслителям / мечтателям. В общем, всем. Что понадобится: Фигма, миджорни, хромик Ссылка на встречу в Zoom будет в день воркшопа в канале 🎓 Запись будет на этом канале 📌 Воркшоп пройдёт в субботу, 26 июля в 12:00 по Мск. Stay tuned.

Простой код для того, чтобы окрасить вкладку вашего мобильного браузера в любой цвет под стиль сайта. Цвет можно менять в зависимости от того, какая тема выбрана на смартфоне — светлая или темная. #101A32" media="(prefers-color-scheme: light)"> #101A32" media="(prefers-color-scheme: dark)"> 🔸 Код нужно вставить в хэдер сайта: Настройки сайта → Еще → Html-код для вставки внутрь HEAD 🔸 В коде поставьте свои цвета для соответствующих тем Примечание: в некоторых телефонах и браузерах смена цвета вкладки не поддерживается, и с этим ничего не поделать 🤷‍♀️ #модификации #тильда

Куратор воркшопа: Паша Кондаков (pashadope), преподаватель нейрокурса КНИ, преподаватель нейронаправления в Британке, UI/UX дизайнер. Работал с Avalin, Газпром, Союзмультфильм, Dazzle, TAU on, Контркульт. Участвовал в выставках от БКЦ Нота, печаталcя в журнале Шило. Что будет происходить: Собери себя из будущего. Воркшоп о том, как превратить личные черты, привычки и эмоции в визуального персонажа — органического киборга, себя из далёкого будущего. Придумаем свои модификации: бытовые, символические, технологические. Разберёмся с omnireference, встроим туда себя, поиграем с текстурами и анатомией. Соберём фэнтезийный образ и переосмыслим будущее с киборгами, но органическими. На выходе — постеры или серия визуалов и прототип того, кем ты мог бы быть, если бы родился на несколько поколений позже. Кому подойдёт: Дизайнерам / художникам / креаторам / мыслителям / мечтателям. В общем, всем. Что понадобится: Фигма, миджорни, хромик Ссылка на встречу в Zoom будет в день воркшопа в канале 🎓 Запись будет на этом канале 📌 Воркшоп пройдёт в субботу, 26 июля в 12:00 по Мск. Stay tuned.

1. Выделяем с помощью инструмента «прямоугольная область», удерживаем SHIFT, чтобы выделить сразу несколько; 2. Выбираем выделение-цветовой диапазон, берем пипетку в плюсом и выбираем цвет водяного знака 3. Выбираем выделение-модификация-расширить на 2px 4. На панели инструментов выбираем инстрмент «удалить» и проходимся по всем знакам #photoshop Автор: @SmartGraphic">@SmartGraphic TOP Tutorial

Первые коробки отправляются к покупателям.

Avrile Sans начинался как ответвление шрифта Noto Sans Display. Модификации представляют собой заглавную букву J без убывания и фиксированные стили для всех 18 начертаний Скачать #free #latin #cyrillic 🔤 Fonts Everyday

Мы с DeepSeek написали рабочий скрипт для фикса двойных случайных прожатий на моей мыши. Нейронка много рассуждала, сама с собой спорила и выдала скрипт, а когда я сказал: "Бывай, я пошел тестировать" он докинул мне пару строк в скрипт, чтоб я фиксировал количество ложных нажатий. Хотелось просто поделиться, что сейчас такие проблемы очень легко исправляются! Попробую еще найти применение для модификации интерфейса пласта и мойки) 📐