TGViewer
Channel Public Channel
Максим Постников | Дизайн, Тильда и модификации

Максим Постников | Дизайн, Тильда и модификации

@postnikovmds

Авторский блог продуктового дизайнера и разработчика. Рассказываю о своем профессиональном пути и делюсь полезными модификациями для Тильды.

Модификации: https://postnikovmd.com/mods
Subscribers
1.17K
Photos
48
Videos
29
Links
55

Showing posts older than #75 · Back to latest

Older Posts 14 shown
Post #73 1.51K
✍ 👉 Один год из моего пути. И немного про дизайн, Тильду и модификации

Если вкратце — я не понизил свою планку) Всё так же продолжаю делать то, что однажды стало частью моего видения — качество, польза и путь «Через тернии к звёздам» 🌌

В прошлом году моим главным свершением стали моды для Тильды. Если честно, тогда у меня не было представления, куда это всё приведёт.
Но именно благодаря ним я понял, кто я такой в профессиональном контексте и поборол синдром самозванца. Теперь в тот самый МОТ попадают пусть и не мои работы, но даже круче) работы тех, кому мой сервис помог.

За этот год я не так сильно вырос в количестве модов, да и в целом проектов. Зато изменилось мышление. Я понял, что системность часто гораздо важнее количества фич. И что по-настоящему сложные и дорогие решения — это те, где пользователю просто 🦾

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

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

И в честь своего др я хочу сделать для вас подарок.

Я подготовил большое обновление сервиса 🔥

Его отдельные части вы уже могли заметить — в интерфейсе, примерах, инструкциях и мелочах, которые сильно упрощают работу:
🤩 Появился поиск по модификациям — теперь можно находить не только моды, но и их вариации
🤩 Добавился раздел с примерами использования модов (и каждый из них можно скопировать к себе как шаблон)
🤩 Появился раздел с решением распространённых проблем
🤩 Обновились инструкции по установке: шаги теперь описаны более подробно, добавились текстовые и видео-подсказки
🤩 Появилась возможность устанавливать моды с альтернативного источника (актуально для зарубежных проектов)

Помимо этого с 14 января (ср) выйдет серия новых модов, среди которых долгожданный продвинутый слайдер (да-да, тот самый с точками и бесконечной прокруткой), показ/скрытие блоков по кнопкам, гравитация и много чего интересного)

А с 28 января (ср) я открою отдельный модуль по личным кабинетам в Zero-блоке. Там будет всё — от форм авторизации с паролем до настроек профиля и курсов в лк. Подробнее об этом тоже расскажу чуть позже, следите за анонсами)

Сегодня мне 25, и я всё тот ещё лидер, путешественник и предприниматель. Только работаю в последнее время очень много)

С наступающим вас! Всех обнял и ушел на заслуженный выходной 🤍

Максим Постников | Дизайн, Тильда и модификации
  • ❤ 87
  • 🎉 42
  • 🔥 22
  • 👍 9
  • ⚡ 2
  • 👏 1
  • 🙏 1
Post #71 2K
🛠 Важное обновление мультиформ

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

Теперь при отправке форм будут игнорироваться поля, которые не были прописаны в контенте формы в секции «Поля для ввода». Логика также затронет фильтрацию данных – они будут приниматься только из той формы, в которой был вызван сабмит.


Случай болючий, потому что мультиформа – это сборная солянка из всех форм в блоке (см. архитектуру на фото). Которая к тому же приносит бизнесу лиды.

Но решение, кажется, есть – пришлось полностью переписать мод, чтобы все данные генерировались в рамках одной формы. Решение даже более стабильное, чем предыдущий мод, но пока в тестовом режиме, тк требует обкатки ⚡️

Для того, чтобы обновить мультиформы, нужно переключиться на следующую версию библиотеки (1.5). Меняем в <head> сайта существующий код библиотеки на этот:

<script src="https://cdn.postnikovmd.com/tilda@1.5/mods.min.js"></script>


Заново верстать и менять код на страницах не требуется. Единственный важный нюанс – все приёмщики данных должны быть подключены к первой форме.

Если у вас будут возникать ошибки, пишите в комментариях со ссылкой на ваш сайт – постараюсь всё оперативно посмотреть и исправить. Как только всё протестируем, спущу обновление для всех на предыдущую версию)

Ссылка на мод: https://postnikovmd.com/mods/forms

Заранее приношу извинения за возможные неудобства 🤍

Максим Постников | Дизайн, Тильда и модификации
  • ❤ 21
  • 🔥 13
  • 🙏 4
  • 👍 2
Post #69 2.43K
🔠 Мультизаголовки в Zero-блоке

Если на странице может быть только один H1, а единым текстом сверстать его не получается, что делать?

Ответ вроде очевиден: обернуть все элементы в общий H1. Но не всё так просто, ведь вставлять внутрь него обычные div неправильно — технически такой заголовок должен содержать только строчные элементы. И старый добрый .wrapAll('<h1>') тут не поможет.

Гораздо лучше поисковики воспринимают, когда текстовые элементы работают как строчные <span> и уже затем оборачиваются в нужный тег H1–H3. Такую конструкцию теперь можно повторить с помощью модификации: Мультизаголовки в Zero-блоке

Всё, что понадобится:
> Задать класс тексту, который планируем объединить
> Присвоить им нужный тег в Тильде или настройках модификации
> Скопировать код нового мода к себе на сайт

Модификация автоматически определит нужный порядок текста и преобразует его в общий H1, H2 или H3. Даже, если он находится внутри группы Object с автолэйаутом или без ⚡️

Что по SEO?
Такое решение действительно будет восприниматься поисковиками, как полноценный тег. Но не всеми и не всегда — это зависит от поддержки роботом JavaScript. Google, например, по-умолчанию выполняет рендеринг страницы со скриптами, а у Яндекса такая функция находится в бете, и её нужно включать в Вебмастере отдельно.

В общем, если вы действительно задумали сделать H1 из нескольких блоков, такой мод вас спасёт. Главное укажите, что сайт должен обрабатываться поисковиками с JavaScript 😎

Ссылка на модификацию:
https://postnikovmd.com/mods/tags

Максим Постников | Дизайн, Тильда и модификации
  • 🔥 52
  • ❤ 11
  • 👍 7
  • 👏 2
Post #61 2.16K
🦾 Новый раздел: документация к модификациям

Всё о работе с библиотекой — от тончайших настроек до примеров использования и наиболее распространенных ошибок, теперь в полноценной базе знаний.

Описал всё, что знаю про модификации, чтобы вы могли в полной мере раскрыть их потенциал. На фото к посту небольшой спойлер 🪄

Немного цифер:
• В документации описано 142 параметра и 40 примеров, самая подробная статья — про аккордеон (21 тыс. симв.)
• Раздел сделан через потоки, для которых пришлось написать 1200 строк кода
• На создание базы знаний ушло два месяца и около тридцати чашек кофе

Ссылка на документацию:
https://postnikovmd.com/mods/docs

Контент будет полезен всем, кто использует моды. Да и просто почитать будет тоже интересно)

Максим Постников | Дизайн, Тильда и модификации
  • 🔥 41
  • ❤ 23
  • 👍 6
  • 🤣 2
  • 😍 1
Post #60 1.87K
🦖 Почему некоторые провайдеры блокируют подключение к модификациям?

Если раньше это были единичные случаи, то сейчас ко мне часто приходят с проблемой, что мод вдруг перестал работать. Открываю странички, смотрю в код — и нет, всё работает, ошибок нет. Настоящая проблема вскрывается, когда просишь пользователей зайти в консоль и видишь у них локально 403 ошибку (доступ запрещён) при попытке загрузки модов.

И если я точно знаю, что права доступа и .htaccess настроены правильно, то когда прошу переключиться с wi-fi на мобильную сеть, всё вдруг начинает работать. Получается, проблема возникает из-за провайдера, который блокирует подключение и загрузку скриптов.

⚡️ Почему так происходит?
Вполне возможно, что из-за политики провайдеров «перестраховаться лучше, чем недостраховаться». Хотя с версии 1.4 все моды загружаются с российских CDN-серверов Selectel (таких же, как и у Тильды), политика безопасности и текущие геополитические факторы заставляют блокировать своих же. Очень хочется верить, что это не тренд, а просто частные случаи)

⚡️ Как это решить?
На данный момент единственный способ обхода блокировки — отключить синхронизацию обновлений и использовать статичную версию модов. Она полностью встраивается в код сайта и не зависит от внешних ресурсов. Переключиться на такой режим можно в инструкции к каждому моду. Для наглядности на видео показал, как выглядит нужная кнопочка)

Если вы когда-нибудь встречались с такой проблемой, напишите в комментариях, какой у вас провайдер. Составим список, на который можно будет ориентироваться в будущем 🤍

Ссылка на модификации:
https://postnikovmd.com/mods

Максим Постников | Дизайн, Тильда и модификации
  • 👍 13
  • 🔥 5
  • ❤ 2
Post #59 1.48K
🗣 Обновления по модификациям в отдельном чате

Время от времени завожу небольшие, но полезные обновления в модификации, про которые мало кто знает.

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

Присоединяйтесь)
https://t.me/+2zHS72Lk17owZTAy

Максим Постников | Дизайн, Тильда и модификации
Telegram чат | Максим Постников | Дизайн, Тильда и модификации Чат канала @postnikovmds о дизайне, Тильде и модификациях. Делимся опытом, обсуждаем обновления, возможности модов и архитектурные решения. Поддержка через отдельный формат: https://postnikovmd.com/mods/support Правила: https://t.me/c/2450089582/2027
  • ❤ 13
  • 🔥 6
  • 👍 5
Post #57 1.85K
😊 А вы знали, что аккордеон в Zero-блоке можно собрать через автолэйаут?

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

• Как работает Zero-аккордеон?
• Как добавить в него карточки, статический и динамический контент – и вообще, зачем он нужен?
• Какие у аккордеона существуют настройки?
• Как связать его с другими модификациями?
• А также примеры использования и наиболее распространенные проблемы, к которым можно обратиться, если у вас он не работает.

Почитать тут:
https://postnikovmd.com/mods/docs/accordion

И точно так же, как и со слайдером, на страничке самого мода появилась кнопка, по которой можно перейти в документацию – в одноименном разделе)

А как вам модификация? Делитесь впечатлениями в комментариях) ⚡️

Максим Постников | Дизайн, Тильда и модификации
  • 🔥 26
  • ❤ 9
  • 👍 9
  • 😍 4
Post #55 1.76K
➕ Слайдер в Zero-блоке с автолэйаутом, центрированием, привязкой по Window-контейнеру и многим другим

Zero-слайдер — не просто модификация, а мини-библиотека, которая позволяет создавать уникальные варианты за счет комбинации параметров. Когда я создавал этот мод, в инструкции смог раскрыть не более 20% от того, на что он способен. Собрался с мыслями и рассказал обо всём в подробной документации)

Что внутри:
• Как работает Zero-слайдер
• Элементы слайдера их механики
• Функции, параметры и стили модификации
• Интеграция слайдера с другими модами
• Примеры использования с подробными инструкциями
• Наиболее распространенные проблемы и их решения

Ссылка на документацию:
https://postnikovmd.com/mods/docs/slider

Теперь вы сможете обратиться к ней прямо на страничке мода — в разделе «Документация» или по прямой ссылке. В будущем планирую добавить такой раздел для остальных сложных и масштабных модов – Zero-аккордеона, вкладок, расширенного автоскейла и др.

Приятного чтения) Сделано с душой и вдохновением 🤍

#документация #слайдер

Максим Постников | Дизайн, Тильда и модификации
  • 🔥 56
  • ❤ 20
  • 👍 12
  • ⚡ 3
  • 👏 2
Post #54 1.42K
🔝 Пора двигаться дальше – про сервис с модификациями

За последнее время накопилось много мыслей по поводу модификаций, которыми хочу с вами поделиться.

Когда я создавал библиотеку, у меня была одна цель – сделать качественный и полезный продукт. Во многом я хотел доказать себе, что могу создать сервис, который сможет решать ежедневные проблемы пользователей, и в особенности интерес к этому подогревал мой самозванец и неудачный опыт предыдущего стартапа.

Год назад в заметках я набрасывал примерный перечень модов, в основном, из своих предыдущих наработок – я крайне редко пользовался чужими библиотеками и сам писал код под все нужды. Основная их сложность была в том, чтобы придумать удобный способ установки и сделать так, чтобы код работал при любых сценариях и без костылей)

Процесс создания модификаций поделился у меня на несколько этапов:

1️⃣ Разработка
Я писал код прямо на своём рабочем проекте – момент создания библиотеки выпал на крупный проект корпоративного сайта на 2 тыс. страниц. Первую обкатку кода я сделал именно там. Затем его нужно было обернуть в функцию с удобным запуском, протестировать все сценарии и поправить ошибки. Их было много)

2️⃣ Оболочка сервиса
К получившимся модам должны были прилагаться инструкции – они поместились у меня на 50 страницах ворда. А потом и вовсе, придумать для сервиса дизайн и разработать странички модификаций, со всем функционалом и генератором кода. Пилил всё ночами и практически нон-стопом.

3️⃣ Примеры и видеоинструкции
Через полгода я запустил открытый бета-тест и конечно же обнаружил, что даже с инструкцией воспроизвести готовые примеры оказалось не так просто. Поэтому для каждого мода создал отдельный пример в аутентичном дизайне и записал два часа видеоинструкций, кропотливо склеивая по 500 кусочков в каждом видео.

4️⃣ Хотфиксы
После официального релиза мне стало приходить много обращений, что код не работает. Оказалось, я не учел огромное количество исходов, о которых даже не мог подумать. Ещё несколько месяцев отыскивал в коде ошибки, расширял логику и функционал модов, пока по ним не наступила тишина.

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

Но в последнее у меня начало болеть. Э.Роджерс в своё время придумал и описал понятие диффузии инноваций – то, как аудитория узнаёт о твоём продукте (см. картинку к посту). Когда я создавал библиотеку, я думал, что ей будет пользоваться небольшое количество заинтересованных человек. В начале так и было: более 80% запросов были завязаны на багах и расширении функционала – я с интересом погружался в детали и дорабатывал продукт. На такие запросы я и рассчитывал, но совершенно не предусмотрел, что случится дальше.

А дальше произошла вполне логичная вещь – в продукт начала приходить основная масса пользователей. И вместо 1-2 интересных вопросов в день я стал получать более 10 обращений от тех, кто не разобрался с установкой или просто допустил ошибку по невнимательности. Сначала помогал всем, но вскоре на это стало уходить всё больше сил и времени, часто в ущерб самой жизни. Как правильно однажды сказал мой коллега по цеху, время – невосполнимый ресурс.

Поэтому пора двигаться дальше. Я обязательно продолжу развивать модификации, но с поддержкой нужно что-то придумать) Пока передо мной стоит выбор: делегировать её, ограничить или сделать сервис платным. Также у меня до сих пор осталось много полезной информации по модам, которую я так и не успел рассказать. Поэтому пишу для вас подробную документацию по наиболее популярным модам – про их установку, примеры реализации и распространённые ошибки. Скоро всё покажу) ⚡️

Жизненный путь каждого моддера делится на два этапа: до того, как его сервис станет популярным, и после.

Максим Постников | Дизайн, Тильда и модификации
  • ❤ 56
  • 🔥 26
  • 🙏 10
  • 👏 3
Post #53 1.65K
💡 Адаптивы на Тильде: как брейкпоинты влияют на скорость сайта?

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

▫️ Почему так происходит?
Когда мы задаём настройки элементов на определенном брейкпоинте, каждое свойство записывается в код определенным образом. Основные настройки — размеры, координаты и состояние элемента помещаются в специальные data-атрибуты, которые достаются алгоритмами Тильды при отрисовке страницы и преобразуются в атрибут style.

Все остальные стили — цвета, отступы, бордеры и тд., записываются во встроенный css-код, приправленный медиазапросами для каждого брейкпоинта. Всё это увеличивает объём кода, зашитого в страницу, а значит, и скорость её загрузки.

Чтобы проверить это на практике, я замерил производительность странички из 15 Zero-блоков, поочередно удаляя из неё брейкпоинты. Тестирование проводилось через Lighthouse при замедлении процессора 4x и низкой скорости 4G.

▫️ Что показало тестирование?
Я замерил три ключевые метрики: размер страницы, LCP и время до загрузки DOM. Получились такие результаты:
1. Размер страницы: каждый новый брейкпоинт добавлял ~150 КБ к самой странице (примерно 20% от её объёма)
2. LCP: время отрисовки самого крупного элемента увеличивалось на ~0,3 секунды с каждым новым брейкпоинтом, причем на мобильных эта разница оказалась заметнее — почти полсекунды.
3. DOMContentLoaded: корреляция минимальна, рост времени до срабатывания события составил всего 3-5% (не более 0,1 с)

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

▫️ Что это значит для нас?
Адаптивы действительно увеличивают длительность отрисовки страниц, так что я рекомендую добавлять их только при необходимости. Это особенно заметно, если на странице много блоков — новые брейкпоинты могут заметно тормозить сайт, снижая конверсию и SEO-показатели.

В своих проектах я использую 3-4 брейкпоинта и в принципе не верстаю планшетную версию, а заменяю её компьютерной с обратным масштабированием с помощью расширенного автоскейла. Это помогает ускорить загрузку сайта и сократить время на поддержку уникальных блоков.

А как у вас с адаптивами? Напишите, какие используете в проектах) 🔥

Максим Постников | Дизайн, Тильда и модификации
  • 🔥 52
  • 👍 11
  • ❤ 6
  • 💯 3
  • 👏 2
Post #51 1.43K
🤫 Магистратура — всё. Мысли о пройденном опыте

В последние пару месяцев я пропал, чтобы защитить диплом бауманки. Вчера я наконец-то это сделал, и хочу поделиться с вами мыслями на счет образования. Я отучился на бакалавриате и магистратуре по направлению предпринимательства и ИТ, и за это время учеба, да и в целом, наука, раскрылась для меня под совершенно разными углами.

Когда я был бакалавром, первые 2 курса я жил по принципу «делай всё, чтобы научиться». Это было не заучиванием материала, а наоборот, стремлением его понять — я часто выходил к доске, задавал вопросы, решал задачи и пытался в них разобраться. Пытался найти к каждому преподавателю свой подход: кого-то надо было слушать, кому-то давать исчерпывающие ответы, с кем-то просто общаться на уважении. Это была такая школа жизни, когда я, по сути, учился тому, как самостоятельно искать решения к задачам и коммуницировать с людьми.

Что я понял уже тогда: что образование не сможет дать мне профессиональный фундамент. Да, был статус студента хорошего вуза, который открывал двери в разные сообщества, но я не был кем-то без него. Поэтому на 3-4 курсе я просто забил на универ и работал. Это было время, когда я сделаль свой первый продукт, и почти одновременно с этим устроился в ИТ-компанию. Я решал мнооого рабочих задач, и почти все они были для меня в новинку, чему в универе бы точно не научился. Тогда же, я учился дизайну, продакту, фин. моделированию и в конце концов, разработке на js. И выпускаясь из бака, очень скептично смотрел на материал, который преподавали в университете. Он просто меркнул по сравнению с тем, что было в рабочих задачах. Да и они были в тысячу раз сложнее)

В магу я пошел в 2022-м по соображению совести) Так как на тот момент у меня уже был опыт и навыки, я хотел не просто учиться, а привнести в науку что-то новое. Я писал прикладные статьи про инновации, выступал на конференциях, предлагал подходы из рабочей практики, и мне очень нравилось находиться на стыке науки и практики. Пока я не ощутил, насколько академическая система консервативна и бюрократична в плане самих работ. По сути, вместо новых подходов, я был вынужден защищать корректность академического оформления и соответствие содержания правилам образовательной системы. И не раз меня пытались склонить к тому, чтобы сделать, как «правильно», а не как реально работает. А я просто не выношу, когда меня просят сделать какую-то хрень)

По итогу мне удалось достойно пройти этот путь и даже защититься на отл, и я рад, что смог сохранить и привнести своё видение хотя бы небольшому кругу лиц. Но задаваясь сейчас вопросом: «А стоило ли это того?», я скорее склонюсь к тому, что нет. Я пытался совместить науку и практику и увидел, что это две противоположные системы. Рынок воспроизводит рынок, а академики — академиков, и каждый живет по своим правилам, которые ты можешь принять, но не можешь изменить. Ты можешь быть игроком рынка и делать передовые вещи, но при этом вряд ли получишь научную степень. И наоборот, чтобы её получить, тебе нужно делать те вещи, за которые на рынке тебя никто не похвалит.

Несмотря на это, я благодарен пройденному пути. Когда наше образование будет готово к тому, что происходит на рынке, я буду только рад вернуться... в аспирантуру)

А теперь коротенько списочек плюсов и минусов образования на основе моего опыта)

Плюсы:
▫️ универ реально учит решать задачи самостоятельно и выстраивать коммуникацию с людьми
▫️ статус студента открывает многие двери, которые помогают двигаться вперёд
▫️ некоторые дисциплины могут быть вау какими интересными из-за людей, которые за ними стоят

Минусы:
✖️ дисциплины в большинстве нужны просто для того, чтобы научиться их решать. На практике почти все работает по-другому
✖️ система образования и её правила нужны для самовоспроизводства системы образования
✖️ вытекающее из предыдущих — отсутствие связи образования с рынком. Из-за этого для меня универ был скорее «вопреки», чем точкой роста.

Буду рад, если кому-то откликнутся мои мысли или история. И приглашаю к дискуссии в комментариях)
  • 🔥 57
  • ❤ 15
  • 👏 15
  • 👍 5
  • 🤔 2
  • 😍 2
  • 💯 1
Post #47 2.17K
👆 Свои иконки в кнопках Zero-блока

Что делать, если вам нужно добавить в кнопку какую-нибудь кастомную иконку? Делать вместо неё отдельные шейпы с текстом? Или отодвигать текст неразрывными пробелами и добавлять поверх него изображение с иконкой? Хватит терпеть эти костыли)))

Теперь иконки можно встроить прямо внутрь кнопки с помощью модификации «Свои иконки в кнопках Zero-блока». Небольшая, но супер полезная функция, которая существенно упросит работу с кнопками 🔥

Как это работает:
> Задаёте кнопкам ссылку или класс (их может быть несколько на странице)
> Задаёте в настройках модификации ссылку на иконку и её расположение (слева, справа или по ширине)
> Настраиваете стили кнопки при наведении (по желанию)
> И вуаля, ваши кнопки теперь с иконкой)

Что интересно, размер иконок будет автоматически подстраиваться под размер текста в кнопке – вам не придётся париться с этим при работе с адаптивами или кнопками разной величины. Ну и также – множество других интересных параметров, чтобы кастомизировать кнопки на 110% – отражение по горизонтали, внутренние и внешние отступы, настройки ховера и др. – обо всём можно прочитать в документации в самом конце странички)

Ссылка на модификацию:
https://postnikovmd.com/mods/buttons

Максим Постников | Дизайн, Тильда и модификации
  • 🔥 46
  • ❤ 14
  • 👍 7
  • ⚡ 3
Post #46 1.74K
⭐ Рубрика неочевидных фич: рекомендации по настройке прямо на сайте

У модификаций есть много скрытых функций, о которых я ещё не успел рассказать. Буду постепенно раскрывать вам все пасхалки – начнём, пожалуй, с наболевшего)

#фича #первая🔵
Допустим, вы добавили модификацию, сделали всё по инструкции, но она не работает. Как понять, в чём проблема?

Если добавить в конец ссылки на страничку параметр ?showerrors, то на ней появится всплывающее окно с сообщением, что именно работает не так. И там же высветятся рекомендации, что нужно исправить)

Например, если в аккордеоне не совпадает количество вкладок и контента, модификация подскажет вам об этом. Или если вы забыли указать элементу класс, и мод не может его найти, вы тоже это увидите. Модификации распознают наиболее частые ошибки на основе вашей работы с ними и обучаются время от времени)

Забирайте лайфхак, который сэкономит пару часов работы ⚡
https://example.com/?showerrors


И по традиции, ссылочка на модификации: https://postnikovmd.com/mods

Максим Постников | Дизайн, Тильда и модификации
  • 🔥 35
  • 😍 21
  • ❤ 10
  • 👍 4
  • 👏 2
  • ⚡ 1
Post #45 1.68K
❤️ Аккордеон в Zero-блоке: видеоинструкция

За неделю существования модификации, её пользователи разделились на два типа:
> Ооооочень крутая штука, тыщу благодарностей!! 🤩
> Я сделал, но ничего не работает, памагити(

Чтобы развеять все вопросы, записал для вас подробную инструкцию по аккордеону – о том, как он устроен, какие есть особенности и как правильно его настроить.

VK Видео: Ссылка
YouTube: Ссылка

Также её можно найти на страничке самой модификации в разделе «Видеоинструкция» ✨

Ссылка на модификацию: https://postnikovmd.com/mods/accordion

Приятного просмотра 🤍
Ставь лайк, если сначала ничего не понял, а потом посмотрел видео и как понял))

Максим Постников | Дизайн, Тильда и модификации
  • 🔥 28
  • ❤ 12
  • 😍 4
  • 👍 3
  • ⚡ 2
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →