Секреты Tilda Zero Block
29 subscribers
7 photos
1 video
40 links
Уроки по созданию уникальной анимации и сложной верстки в Zero Block.
Download Telegram
Кастомный код в Tilda: 6 правил, чтобы не сломать блок и не искать баги часами

Кастомный код полезен, когда стандартных настроек уже мало: нужно подключить скрипт, добавить стили или собрать нестандартную логику. Но чаще проблемы появляются не из-за кода, а из-за того, куда и как его вставили.

• Не смешивайте HTML, CSS и JS в один кусок без нужды: так сложнее искать ошибку.
• Проверяйте, чтобы селекторы были уникальны и не цепляли чужие элементы на странице.
• Для JS используйте ожидание загрузки DOM, иначе код может сработать раньше блока.
• Если нужен стиль только для одного экрана, ограничивайте его классом родителя, а не всей страницей.

Частая ошибка — вставить скрипт и сразу считать, что он «не работает». Сначала проверьте консоль браузера, затем путь к файлу, потом совпадение классов и ID. В Tilda мелкая опечатка в названии элемента ломает всю связку.

Хорошее правило простое: сначала делайте код минимальным, потом добавляйте детали. Так вы быстрее поймете, где именно появилась проблема, и не превратите страницу в набор случайных костылей.
Forwarded from AFF.TOP
This media is not supported in your browser
VIEW IN TELEGRAM
Google стал помечать креативы, созданные ИИ

Google объявил, что начнёт помечать рекламные креативы, созданные нейросетями. Причина — ИИ-баннеры и видео стали слишком похожи на настоящие.

Формат и заметность маркировки будут зависеть от законов конкретного региона: где-то предупреждение появится прямо на креативе, где-то — в его информации.

Что это значит для арбитражников и когда правила …

➡️ Читайте на сайте: https://aff.top/blog/google-stal-pomechat-kreativy-sozdannye-ii

🧠 Ещё больше инсайтов → в канале AFF.top
Forwarded from AFF.TOP
This media is not supported in your browser
VIEW IN TELEGRAM
Компания Meta выпустила Muse Spark 1.1

Meta выпустила Muse Spark 1.1 почти одновременно с новой ChatGPT-5.6. Это мультимодальный агент, который сам дробит задачу на подзадачи и распределяет их между субагентами.

Стоимость тоже заметно ниже топовых западных моделей: $1.25 за миллион входных токенов и $4.25 за миллион выходных.

Но главный вопрос — насколько она реально сильна на фоне к…

➡️ Читайте на сайте: https://aff.top/blog/kompaniia-meta-vypustila-muse-spark-1-1

🧠 Ещё больше инсайтов → в канале AFF.top
Слои в Zero Block: как не превратить макет в хаос из перекрытий

Слои в Tilda — это не просто «что поверх чего». Это порядок чтения, кликабельность и контроль над композицией. Если их не держать в системе, кнопка уезжает под текст, картинка перекрывает хедер, а нужный блок внезапно перестаёт нажиматься.

Запомните базу:
• верхний слой всегда визуально приоритетнее, но не всегда лучше для UX
• фоновые элементы лучше уводить вниз и закреплять за группой
• интерактивные объекты должны быть выше декора, иначе клик попадёт не туда

Частая ошибка — собирать экран «на глаз» и потом двигать элементы по одному. Правильнее сначала задать структуру: фон, контент, акцент, интерфейс. Тогда проще управлять отступами и не ловить случайные наложения при адаптации.

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

Проверяйте макет не по красоте, а по логике: что должно читаться первым, что быть кликабельным, что не должно мешать остальным. Если порядок слоёв понятен без комментариев, макет собран правильно.
Кастомный код в Tilda: 5 ошибок, из-за которых ломается вёрстка и формы

Если добавляете JS или CSS в Zero Block, сначала проверьте, куда именно вы его вставили. Код в блоке нельзя смешивать с логикой страницы: один скрипт для виджета, другой — для поведения элементов. Иначе отладка превращается в угадайку.

— Селекторы без привязки к конкретному блоку: код начинает влиять на соседние секции.
— Скрипт запускается до загрузки элементов: кнопка есть, а обработчик не срабатывает.
— Стили пишутся слишком общо: меняются шрифты, отступы и цвета там, где не планировали.
— В коде остаются тестовые строки и дубли: потом сложно понять, что реально работает.

Отдельно следите за формами. Если вы меняете разметку кнопки или поля через код, проверьте, не сломались ли label, атрибуты и логика отправки. В Tilda внешний вид можно кастомизировать сильно, но структура формы должна оставаться предсказуемой.

Ещё один частый провал — отсутствие комментариев. Когда через месяц нужно поправить анимацию или заменить иконку, без короткой заметки в коде вы тратите время на расшифровку собственного решения.

Перед публикацией открывайте страницу в чистом окне и проверяйте три вещи: нет ли лишних эффектов, работают ли клики, не ломается ли адаптив. Кастомный код должен решать задачу, а не создавать новую.
Forwarded from AFF.TOP
This media is not supported in your browser
VIEW IN TELEGRAM
Российские букмекеры увеличили закуп трафика с мобильных приложений

Российские букмекеры в 1 квартале 2026 года заметно нарастили закупку трафика из мобильных приложений. На фоне ужесточения регулирования они смещают бюджеты в новые каналы, где ещё есть живой трафик.

По данным UMG, доля in-app-рекламы выросла с 3-4% до 5-6% при объёме рынка около 10 млрд рублей. Но это может быть только начало — в блоге разбираем…

➡️ Читайте на сайте: https://aff.top/blog/rossiiskie-bukmekery-uvelichili-zakup-trafika-s-mobilnykh-prilozhenii

🧠 Ещё больше инсайтов → в канале AFF.top
Триггерная анимация в Zero Block: 5 ошибок, из-за которых блок «ломается»

Чаще всего анимацию делают не ради эффекта, а чтобы направить взгляд. И вот где начинаются проблемы: событие срабатывает слишком рано, объект уезжает за экран, а текст не успевает прочитаться.

— Дублируют анимации на одном элементе. В итоге движение конфликтует с появлением, и блок выглядит дергано.
— Привязывают триггер к слишком маленькому элементу. Пользователь не попадает в зону срабатывания и «магия» не включается.
— Делают слишком много шагов. Если в анимации больше 2–3 действий, она начинает отвлекать от смысла.
— Не проверяют поведение на разных экранах. На десктопе все ровно, а на мобильном текст налезает на анимированный объект.

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

Лучше одна понятная анимация, чем три эффекта, которые мешают чтению. Перед публикацией прогоните блок по шагам: видимость, зона срабатывания, порядок появления, адаптив.
Forwarded from AFF.TOP
This media is not supported in your browser
VIEW IN TELEGRAM
Mia Khalifa стала амбпссадором 1win

Mia Khalifa снова засветилась рядом с 1win: в Instagram она показала цепочку с логотипом бренда и статус «VIP 1win».

Параллельно всплыла история с ее ставкой на Испанию на ЧМ — по данным поста, выигрыш мог составить 200к$.

Официального подтверждения амбассадорства пока нет, но для арбитражников это уже повод для новых креативов. Что именно здесь…

➡️ Читайте на сайте: https://aff.top/blog/mia-khalifa-stala-ambpssadorom-1win

🧠 Ещё больше инсайтов → в канале AFF.top
Forwarded from КРАВЧЕНКО
Дорогие коллеги и партнеры,

Наш маршрут конференций за последние недели, получился особенно насыщенным.

Со стендами PoshFriends мы побывали на MAC и GGate, а затем продолжили встречи уже в полях iGB Live в Лондоне.

В Ереване увиделись с любимыми SEO-командами, попробовали местные вина, обменялись новостями и зарядились энергией УБТ-команд.

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

В Лондоне все было уже по-деловому. Провели серию встреч с топ-партнерами, обсудили Японию, бурж и новые точки роста. География интересов растет, планы становятся амбициознее. Воротники, как выяснилось, нагладили не зря.

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

Конференционный сезон продолжается. Скоро увидимся снова.

Всегда ваши, Команда Posh Friends 🤝
Forwarded from AFF.TOP
This media is not supported in your browser
VIEW IN TELEGRAM
Короткий домен Telegram перестал работать

Telegram лишился домена t.me: он разделегирован и больше не работает на уровне регистратора. Платформа срочно переезжает на telegram.me, а владельцам крупных каналов стоит обновить публичные ссылки. Сроки восстановления неизвестны, и есть риск, что t.me не вернётся вовсе на фоне давления на Telegram.

➡️ Читайте на сайте: https://aff.top/blog/korotkii-domen-telegram-perestal-rabotat

🧠 Ещё больше инсайтов → в канале AFF.top
Кастомный код в Tilda: 5 мест, где он ломает блок чаще всего

Код в Zero Block полезен, но почти всегда проблема не в самом коде, а в том, куда его вставили. Один и тот же скрипт может работать в одном месте и ломать верстку в другом.

— Внутрь HTML-элемента без контейнера: скрипт начинает конфликтовать с разметкой и стилями.
— В блок, где уже есть похожая библиотека: дублируются функции, появляются ошибки в консоли.
— В код, который зависит от ширины экрана: без проверки адаптива анимации и кнопки ведут себя нестабильно.
— Вставка без отложенного запуска: элемент еще не отрисован, а скрипт уже пытается к нему обратиться.
— Стили и JS в одном куске: потом сложно понять, что именно ломает страницу.

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

Перед публикацией всегда тестируйте три вещи: открылся ли элемент, не дублируется ли код и работает ли он на мобильном. Это дешевле, чем потом искать, почему кнопка перестала нажиматься или форма уехала за экран.
Forwarded from AFF.TOP
This media is not supported in your browser
VIEW IN TELEGRAM
Youtube тестирует поиск с AI

YouTube начал тестировать Ask YouTube — поиск с ИИ, где можно задавать вопросы обычным языком и получать не список ссылок, а готовую подборку видео и фрагментов.

Фича уже доступна в США и работает на сложные запросы: если нужно, ИИ уточняет вопрос и подсказывает следующий шаг.

Что это значит для поиска на YouTube и когда новинка дойдёт до других…

➡️ Читайте на сайте: https://aff.top/blog/youtube-testiruet-poisk-s-ai

🧠 Ещё больше инсайтов → в канале AFF.top
Адаптив в Zero Block ломается не из-за Tilda, а из-за нескольких типовых ошибок

В Zero Block адаптив нужно строить не «подстраиванием», а системой. Иначе на 1440 px всё выглядит идеально, а на узком экране текст уезжает, кнопка налезает на картинку, а блок теряет смысл.

Проверь 4 вещи:
— не фиксируй большие расстояния в пикселях, если объект должен дышать;
— задавай ширину тексту, а не растягивай его вручную;
— держи важные элементы в одной логике выравнивания;
— заранее смотри, что будет, если строка станет длиннее на 1–2 слова.

Частая ошибка — прятать проблему на одном брейкпоинте и не проверять соседние. Если на десктопе всё собрано в плотную композицию, то на планшете и телефоне нужно не уменьшать всё подряд, а пересобирать иерархию: заголовок выше, кнопка ближе, лишний декор — вниз или в скрытие.

Хороший адаптив в Zero Block строится от контента: сначала читаемость, потом композиция, потом украшения. Если текст и CTA понятны без зума, значит блок уже работает.
Forwarded from AFF.TOP
This media is not supported in your browser
VIEW IN TELEGRAM
Z.ai анонсировала новую GLM-5.5

Z.ai готовит релиз флагманской GLM-5.5: модель обещают показать в августе 2026 года.

Главная интрига — рост до 1 трлн параметров при том же контекстном окне в 1 млн токенов. Новинка снова будет заточена под код и агентные задачи.

Почему версия сразу 5.5, без 5.3 и 5.4, и что это может означать для рынка — в блоге.

➡️ Читайте на сайте: https://aff.top/blog/z-ai-anonsirovala-novuiu-glm-5-5

🧠 Ещё больше инсайтов → в канале AFF.top
Forwarded from AFF.TOP
This media is not supported in your browser
VIEW IN TELEGRAM
Telegram запустил собственный сервер для ботов

Telegram запустил собственный сервер для ботов и мани-приложений: теперь backend можно размещать прямо внутри инфраструктуры мессенджера.

Сервер работает на JavaScript/TypeScript, через вебхуки, и позволяет подключать SQL-базу для сбора контактов без посредников.

Пока неясны цена и ограничения — что именно уже можно тестировать, а где скрыт подв…

➡️ Читайте на сайте: https://aff.top/blog/telegram-zapustil-sobstvennyi-server-dlia-botov

🧠 Ещё больше инсайтов → в канале AFF.top
Forwarded from AFF.TOP
This media is not supported in your browser
VIEW IN TELEGRAM
Google картинки станут конкурентом Pinterest

Google Картинки начали превращать в полноценную платформу с персональной лентой по прошлым запросам — по сути, в аналог Pinterest.

Во вкладке For you уже тестируют подборки, а ещё обещают коллекции и генерацию изображений во встроенной Nano Banana.

Как это будет работать и когда новинка дойдёт до других стран — в блоге.

➡️ Читайте на сайте: https://aff.top/blog/google-kartinki-stanut-konkurentom-pinterest

🧠 Ещё больше инсайтов → в канале AFF.top
Адаптив в Zero Block ломается не из-за размера экрана, а из-за ошибок в логике слоёв

Начинайте не с мобильного, а с самой узкой версии: так проще увидеть, что реально не помещается. Затем проверьте три вещи: ширину контейнера, отступы между элементами и высоту блоков с текстом. Если что-то прыгает на одном брейкпоинте, проблема почти всегда в фиксированных значениях.

Дальше смотрите на поведение объектов, а не только на их позицию:
— текст должен переноситься без обрезки;
— кнопки не должны становиться уже контента;
— изображения лучше масштабировать, а не растягивать вручную. 📱

Отдельный риск — скрытые пересечения. На десктопе слои могут выглядеть аккуратно, а на меньшем экране перекрывать друг друга. Проверяйте не только центр блока, но и края: именно там чаще всего вылезают лишние отступы, обрезанные тени и «выпавшие» декоративные элементы.

Хороший адаптив — это когда каждый брейкпоинт решает свою задачу, а не копирует предыдущий. Сначала уберите всё лишнее, потом выровняйте ключевые элементы и только после этого добавляйте декоративные детали.
Forwarded from AFF.TOP
This media is not supported in your browser
VIEW IN TELEGRAM
Россияне не смогут покупать стейблкоины

Россиянам могут закрыть доступ к покупке стейблкоинов: в новой версии закона их приравняли к иностранным активам.

Купить такие токены смогут только квалифицированные инвесторы — например, с активами от 24 млн рублей или доходом от 12 млн в год.

Что это значит для обычных пользователей и когда правило заработает — в блоге.

➡️ Читайте на сайте: https://aff.top/blog/rossiiane-ne-smogut-pokupat-steiblkoiny

🧠 Ещё больше инсайтов → в канале AFF.top
Слои в Zero Block: где они ломают верстку и как собрать порядок

Слои в Zero Block — это не просто объекты на холсте, а система, которая решает, что будет сверху, а что уйдет назад. Ошибка почти всегда одна: элементы накладывают, но не проверяют, как они ведут себя при смене ширины экрана.

Рабочие правила простые:
— фон и крупные плашки ставьте ниже текста;
— текст и кнопки держите выше декоративных объектов;
— если элемент должен быть кликабельным, не перекрывайте его прозрачным слоем;
— для сложных сцен группируйте объекты по смыслу, а не по месту на холсте.

Еще одна частая проблема — случайный визуальный шум. Когда в блоке много слоев, взгляд теряет главный акцент. Оставляйте один доминирующий слой, а остальные делайте поддержкой: тень, подложка, акцентная линия, иконка. Так композиция читается быстрее и выглядит дороже.

Проверяйте слой не только в редакторе, но и в предпросмотре: иногда объект «правильно» стоит на холсте, но на странице перекрывает соседний элемент или уезжает из логики макета. Если блок сложный, сначала соберите структуру слоев, потом уже выравнивайте детали.

Сначала стройте иерархию, потом красоту: в Zero Block порядок слоев важнее, чем количество декоративных элементов.
23-24 июля встречаемся в Лимассоле! 🔥

Команда AdsCard врывается на Conversion Conf в статусе HOOKAH LOUNGE SPONSOR! Мы готовим для вас идеальное пространство для неформального общения и обсуждения серьезных дел.

Ищете платежное решение, которое не подведет в самый ответственный момент? Хотите масштабировать свои рекламные кампании без головной боли? Давайте обсудим это в расслабленной атмосфере.

Что ждет вас в нашей лаунж-зоне?
0️⃣Поделимся инсайдами и свежими кейсами по заливу с наших карт на самых требовательных источниках.
0️⃣Обсудим наши эксклюзивные условия для команд и расскажем, как получить максимум от нашего сервиса.
0️⃣Познакомим с топами индустрии, угостим дымным кальяном и просто отлично проведем время.

Присоединяйтесь к нам, чтобы совместить приятное с полезным: качественный нетворкинг и эффективные платежные решения.

📍 Где искать: Parklane Hotel, HOOKAH LOUNGE от AdsCard

Ждем всех на Conversion Conf для незабываемого ивента и крутых знакомств! До встречи! 😎
Please open Telegram to view this post
VIEW IN TELEGRAM
Кастомный код в Tilda: 6 ошибок, из-за которых ломается верстка и анимации

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

— Подключают один и тот же скрипт в нескольких местах: он инициализируется повторно.
— Пишут селекторы слишком общо: код цепляет чужие элементы страницы.
— Забывают про порядок загрузки: код запускается раньше, чем появился нужный блок.

Еще одна типовая ошибка — смешивать логику и оформление в одном фрагменте. Когда CSS, HTML и JS свалены в один кусок, отладка превращается в поиск иголки в стоге сена. Лучше держать код модульно: отдельный блок под стили, отдельный под разметку, отдельный под поведение.

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

Если код нужен для точечной задачи — вставляйте минимальный фрагмент и тестируйте его на пустой странице. Чем меньше зависимостей, тем меньше шансов сломать весь блок.