Ничего себе, сколько времени прошло! Всем привет👋

Почти 5 лет тишины. За это время в Тильде сменилась эпоха, а в этом канале не было ни одного сообщения. Выходить из тени спустя столько времени волнительно, но пора.


Где я был и чем занимался?

Успел поработать в двух крупных компаниях и всё это время продолжал проектно писать код для сайтов на Тильде. Опыта накопилось столько, что пора им делиться.


Что сейчас?

Сдул пыль с проекта и решил вернуться к работе над модификациями. Кто-то мог заметить, что последний месяц сайт romanyu.ru активно оживает:
— Причесал почти все инструкции и слегка обновил дизайн.
— Начал переписывать коды с jQuery на Vanilla JS (чистый быстрый код) ⚡️
— Начал добавлять новые модификации, о которых расскажу в следующих постах.


Что дальше?

Планов масса, наработок еще больше. Пока буду выпускать модификации в привычном формате, но готовлю и глобальные изменения 🚀

Примерный план:
— Доработаю часть старых модификаций и полностью уберу jQuery с сайта.
— Продолжу выпускать бесплатные решения.
— Буду делать сложные и объемные премиум модификации.
— Запущу блог о работе с кодом внутри Тильды.

А также планирую совершенно новые продукты, подробности появятся ближе к запуску.


Рад снова быть на связи! Если у вас есть пожелания по модам или просто хотите поддержать — напишите в комментариях. Или маякните любой реакцией, мне будет приятно 🔥


👋 P.S. Не переключайтесь: сегодня чуть позже выложу второй пост. Расскажу про новую большую модификацию и поделюсь промокодом в честь возвращения проекта.

Премиум модификации — новый раздел на romanyu.ru 🔥

Как и обещал, делюсь подробностями. Я запустил «Премиум» — раздел для сложных кастомных модификаций и эффектов, которые станут must-have для ваших проектов.

В чем концепция
— Гибкость: в каждое решение заложены разные сценарии использования.
— Универсальность: выбираю только актуальные и популярные решения. Одна покупка — множество проектов.
— Сервис: подробные инструкции, генератор кода и 30 дней техподдержки.
— Честность: бессрочный доступ к коду и обновлениям на время работы сервиса, никаких подписок и лимитов.


Первой в разделе стала: «Система скролл-эффектов: наложение и появление блоков» 🤟

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

1. Наложение: блоки накладываются друг на друга при скролле.
2. Выезд: блоки выезжают из под друг друга при скролле, в частности используется для эффекта прилипающего футера.
3. Двойной эффект: сложные пролеты и смены блоков при скролле.

При этом визуальный результат меняется в зависимости от высоты блоков и порядка использования скролл-эффектов.


Что внутри:

⚡️Чистый код: эффект основан на нативном поведении браузера, без сложных JS-анимаций и тяжелых библиотек, всё летает и быстро грузится.
⚡️ Кроссбраузерность: полностью побеждены баги рендеринга и «дерганый» скролл в Safari и Firefox.
⚡️ Умный код: сам определяет, как отработать эффекту в зависимости от высоты блока. Совместим со стандартными и зеро-блоками, со скейлом и флекс-блоками.
⚡️Чистая настройка: больше не обязательно указывать цвет фона всем блокам.


🥰 Бонус в честь возвращения: до 20 марта включительно на модификацию действует скидка -15% по промокоду:

COMEBACK

Посмотреть демки и забрать модификацию → https://romanyu.ru/nalozhenie-vyezd-bloka-pri-skrolle

Новая бесплатная модификация: Динамический z-index для элементов в Zero Block при наведении ✨

Модификация меняет порядок наложения объектов: элемент «всплывает» над остальными при наведении на него. Идеально для многослойных композиций, где в связке с пошаговой анимацией можно создавать интерактивные эффекты при наведении.


Что внутри:

⚡️ Сохранение активного состояния: выбранный элемент сохраняет верхнюю позицию даже после того, как убрали курсор — до момента выбора следующего объекта.
⚡️ Чистый CSS: код весит копейки и не нагружает страницу лишними скриптами.
⚡️ Универсальность: подходит для любых элементов в зеро блоке — карточек (групп), фоторафий, шейпов и других.


Посмотреть и забрать код:
👉 romanyu.ru/dinamicheskij-z-index

Обновления на сайте romanyu.ru ✨

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


⚡️ 1. Написал новый генератор кода
Полностью переписал логику и обновил дизайн. Что внутри:

— Меньше ошибок при вводе
Добавил проверку на валидность. Если забудете указать класс элемента, id блока или оставите поля пустыми — генератор выведет подсказку вместо кода.

— Удобные единицы измерения
Теперь достаточно вписать число и выбрать единицу измерения (по дефолту — пиксели). Если предложенные варианты не подходят, выбирайте поле >_ и вписывайте любое значение вручную.

— Удаление лишних свойств и параметров
Если какие-то настройки не нужны, просто сотрите дефолтные значения — лишние куски кода удалятся автоматически.

— Скорость
Переписал генератор на чистый JS вместо jQuery, внедрил шаблонизатор Eta и подсветку Prism. Сайт стал работать быстрее, а сам генератор — умнее и шустрее.

— Вес кода
Теперь вес модификации выводится в реальном времени, а код всегда минифицирован, что сокращает вес в среднем на 10–30%.

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


⚡️ 2. Перевел бесплатную библиотеку в каталог
Модификаций становится больше, поэтому перенес библиотеку в каталог и добавил фильтры. Теперь не нужно скроллить всю страницу — нужное решение находится за пару кликов.


⚡️ 3. Обновил премиум-модификацию
Выпустил апдейт для «Системы скролл-эффектов: наложение и появление блоков при скролле», где учел редкие кейсы использования кода. Обновление и новый генератор уже доступны в личном кабинете всем, кто приобрел доступ.


Заходите протестировать новый каталог и генератор: romanyu.ru 🤝