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

А пока я тут занялся созданием плагина для визуальной настройки GSAP анимации с помощью визуального итерфейса. Пока это простой функционал при загрузке страницы — и, на удивление, это сработало! Не знаю, получится ли в итоге зарелизить этот проект, но то, что получается уже сейчас, мне определённо нравится😊

Так, народ. Третье видео уже на канале, можно смотреть) 😊

В этот раз сделал базовый обзорчик на главные инструменты которыми я лично полюзуюсь — посмотрим на итерфейс Elementor, Bricks и Builderius.

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

Залетайте чекать 👇
https://youtu.be/I0UjS2f0LPA

Так моя первая разработка плагина продвигается. И я доволин тем что уже есть) максимально внедрил его в Builderius. И теперь можно нажать пару кнопок и GSAP анимация готова 😊

Так, ребят, вы увидите это первыми! 🔥 Если кто уже пилит сайты на Builderius — пишите, могу дать первую версию своего плагина для тестов.

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

Так, народ. Новое видео уже на канале) 😊

В этот раз решил разобрать тему адаптивности с помощью clamp(). Показал чисто на практике, как я лично использую этот подход на реальных проектах и какова общая логика. Штука очень удобная, помогает делать плавный ресайз элементов без кучи лишних брейкпоинтов.

Собственно, вот сайт, который у меня получился:
https://mb.leggo.dev/

Ну и чтобы не высчитывать эти значения руками, вот ссылка на мой генератор:
https://leggo.dev/tools/clamp-generator/

Залетайте чекать 👇
https://youtu.be/F6n3ERKL2tA

Привет, народ! ✌️

Видос должен был вылететь ещё вчера, но после записи обнаружил проблемы со звуком. Так что, если ждали свежий контент — он наконец-то на канале! 🎬

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

Рассказал и показал, как вставлять видео так, чтобы:
✅ Apple не блокировала автоплей (хак для Safari).
✅ Сайт не тормозил (умный Lazy Load через IntersectionObserver).
✅ Трафик экономился (разные исходники для десктопа и мобилок).

Смотреть тут: https://youtu.be/fVYCRjzTElU

Для тех, кто не любит переписывать код с экрана, все исходники и подробную инструкцию залил на сайт:
🔗 https://leggo.dev/tools/background-video/

Буду рад если он вам поможет в разработке)

Хей, народ! 👋 Давненько не выходил на связь — ушел в глубокие раздумья и продумываю следующие этапы развития. Но про вас не забываю, так что ловите свежий кейс из жизни Webflow - разработчика😁.

Сейчас все вокруг пытаются покорить ИИ, и мои клиенты — не исключение. Есть у меня проект на Webflow, который разросся уже до размеров Нептуна. Честно, мне страшно открывать там CSS-файл... 🫣 Я регулярно топлю за переход на WordPress, потому что там в разы проще разделить стили лендингов и основного сайта, но у клиента свои причины пока оставаться на текущем проекте.

Перейдем к сути😁
Клиент нагенерил лендосов в нейронке, присылает пачку HTML-файлов и говорит: «Закинь их просто на мой сайт». 😅

Пришлось объяснять все тонкости «всеми любимого» Webflow. Что просто «закинуть» не выйдет — нужно всё пересобирать ручками в нативный формат. Когда посчитали бюджет на такой переезд — клиент, мягко говоря, офигел. Деньги на нейронку потрачены, время ушло, а платить за сборку с нуля всё равно надо.

Ну и в целом как я спас бюджет клиента🤪
Начал искать, как сэкономить человеку бабки, и наткнулся на сервисы-конвертеры HTML в нативный Webflow. Протестил несколько штук — работают они, конечно, не идеально, но это в разы лучше, чем ничего.

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

Если тоже столкнетесь с таким — вот сервис, который я выделил для себя:
👉 https://cloneflow.io/tools/html-to-webflow

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

Народ, важное событие! 📣

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

Что внутри?

Интересное комьюнити.
Никакой воды, только польза.
Кружки от Арсения в качестве бонуса всем участникам! ☕️

Залетайте, будем покорять вершины вместе!

Link: t.me/arseniimotivation

Так с новостями на сегодня еще не все😅. Пока Арсений записывает кружочки я продолжаю ковырять Builderius и наконец-то добрался до их AI-фич.

Скажу честно — это реально круто. Главный кайф в том, что нейронка выдает не просто мертвый код или картинку, а полноценный рабочий шаблон прямо внутри конструктора. Любой элемент, который она накидала, можно тут же подправить руками под свои задачи. Это не просто красивая обертка, а реальный инструмент для ускорения верстки.

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

В планах — запилить полноценный туториал по установке и настройке всей этой магии. А пока — чекните видос, как оно работает на практике!

Привет, народ! Выкатил новый видос на канал. Сделал обзор про новую фичу, которая будет интересна многим, кто устал от тяжелого PHP и вечных переживаний за безопасность WordPress! 😉

Рассказал про крутую связку: как оставить WP жить локально у себя на компе (через LocalWP), а в сеть выливать чистую, неуязвимую статику HTML/CSS/JS.

Внутри ролика:
* Показал новую фичу от команды Builderius для генерации статических сайтов;
* Как настроить приватный репозиторий на GitHub и связать его с конструктором через токены;
* Затронул тему релизов: что вообще такое "релизы" внутри Билдериуса и как откатывать дизайн назад всего одной кнопкой;
* Ну и немного показал свой Dokploy, на котором всё это крутится.

Получился идеальный сетап: нажал кнопку "Опубликовать" в визуальном редакторе — и через пару секунд сайт обновлен на сервере. Без баз данных, тормозов и PHP. Взламывать там просто нечего! 😎

Смотрите и внедряйте это у себя в работе!
👉 https://youtu.be/MSB2XD9iIuI

😉 Выходные проходят, а я тут занялся обновлением софта и WordPress. Пару дней назад состоялся релиз WordPress 7.0. Туда завезли множество интересных функций, и, наверное, одна из самых интригующих — это поддержка AI на уровне ядра движка. Вообще, с полным пакетом обновлений вы можете ознакомиться по данной ссылке (ну это если кому интересно): https://wordpress.org/download/releases/7-0/

Еще одной приятной находкой для меня в эти дни стала Figma Linux Next. Так как Figma всячески игнорирует пользователей Linux, комьюнити решило сделать собственную версию для этой ОС. И именно эта версия приложения полностью закрывает потребность в официальном софте. Конечно, хотелось бы получить официальную поддержку, но, как показывает практика, то, что сделано комьюнити для себя, в разы комфортнее и удобнее того, что творят корпорации за деньги) Так что, если вдруг кто-то тоже пользуется Линуксом, вам это зайдет: https://github.com/arximus88/figma-linux-next

Ребята, привет! 👋

Наконец-то я доработал страницу для одного из своих инструментов и хочу им поделиться. Встречайте — моя кастомная бегущая строка! 🚀

👉 Попробовать и почитать инструкцию можно тут: https://leggo.dev/tools/scroller/

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

И самое крутое: строка без проблем интегрируется вообще в любую CMS или статику. Будь то Webflow, WordPress или просто чистый HTML-сайт — встанет как родная! 😉

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

Привет, народ 👋

Потихоньку продолжаю заполнять сайт своими наработками, и туда приехало ещё одно моё решение — карусель на Vanilla JS.
Зачем она нужна и почему я вообще решил её сделать, я писал здесь.

Если коротко — это обычная карусель как замена Swiper для простых задач.

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

Именно под такие задачи я и собрал свой слайдер.

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

Из того, что мне самому нравится:

• без зависимостей;
• поддержка drag & swipe;
• работает с несколькими экземплярами на странице;
• карточки могут иметь свою собственную ширину;
• легко кастомизируется.

В общем, смотрите, пользуйтесь. Возможно, кому-то пригодится 🙂

Ссылка тут 😁

Привет, народ 👋

Скорее всего многим эта штука будет не особо интересна, но всё же буду рад, если кому-то окажется полезной.

Как обычно, делал в первую очередь для себя, но решил поделиться 🙂
Собрал небольшой конвертер, который преобразует обычный HTML в JSON для Builderius.
Работает очень просто:

Копируете HTML.
Вставляете в конвертер.
Нажимаете Convert.
Копируете результат.
Вставляете прямо в Builderius.

И всё.😊

То, что было просто HTML-кодом, превращается в полноценное дерево элементов Builderius, которое можно редактировать через интерфейс конструктора.

Лично мне это уже несколько раз сэкономило время при переносе готовой разметки и различных экспериментах с AI-генерацией HTML.

Если кому-то пригодится — пользуйтесь 🙂

https://leggo.dev/tools/builderius-converter/

Привет, ребят 👋

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

☝️Ещё один момент.
За последнее время мне довольно часто писали в личку с вопросами, где сейчас можно купить лицензию и как вообще попасть в программу до релиза.
Пока официальный релиз ещё не состоялся, приобрести лицензию можно либо через предпродажу, либо через партнёров Builderius.
Поэтому если кому-то нужна лицензия Builderius с пожизненными обновлениями — пишите в личные сообщения. Помогу с оформлением, и выйдет заметно дешевле официальной стоимости после релиза.
Также можем помочь с лицензией Bricks Builder с пожизненными обновлениями на очень хороших условиях.
Если есть вопросы по Builderius, лицензиям или самому конструктору — пишите, с удовольствием подскажу 🙂

Ребят, тут такое дело. Недавно общался со знакомым (Привет Юра 😅), и он в очередной раз выдал: "Лёш, ну хорош забивать, делай уже обучение по WP".

И ладно бы только он! За последний месяц мне уже человека 3-4 в личку написали с вопросами в духе: "Слушай, а ты не обучаешь? Хочу верстать нормальные сайты на WordPress, а не вот это вот всё". Я брал такиех людей на менторство. И да оно если что у меня есть 😜.

Я долго отнекивался. Ну камон, в интернетах же тонны инфы по WP, гайдов на YouTube и курсов на любой кошелёк. Зачем ещё один?

Но потом я посмотрел, чему сейчас учат, и понял одну штуку:
Половина инфы устарела года на три (все эти тяжеленные сборки, которые вешают серверов напрочь).
Вторая половина уходит в крайности: либо "кликните три кнопки и соберите шаблонный сайт-мусор", либо "давайте учить PHP-архитектуру ядра WP и писать запросы к БД с нуля" (что 90% создателей сайтов вообще нафиг не сдалось).

Что я умею и практикую сам: делать быстрые, чистые, кастомные сайты на WP. С нормальной версткой, кастомными полями, удобной админкой для клиента, без тонны лишних плагинов и костылей. Короче, чтобы сайт "летал" и выглядел дорого.

И вот я задумался... А что, если реально собрать свой курс? Без "воды" и занудных лекций по 2 часа. Только чистая практика: как взять макет и превратить его в работающий кастомный сайт на WP, за который клиенты готовы платить нормальные деньги.

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

Напишите в комментах, что думаете. Если наберётся народ сделаем все круто. Если нет закроем тему и я пойду дальше пилить свои проекты. 😉

Недавно у нас в чате была итерестная дискуссия про ИИ-сайты.

Я заинтресовонный это темой начал искать примеры, наткнулся на кучу роликов в духе "Сделал вау-сайт за 2 часа с помощью нейронок", а по факту — под капотом пустота. Обычное фоновые видео по скролу и не более.

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

ИИ крутая штука, я сам его использую. Но он не заменит понимание бизнеса, нормальный UX и чистый код .

В общем, решил собрать мысли в кучу и выложить разбор у себя на сайте😊.

👇 Почитать можно тут👇
[Тут ссылка]

Недавно делал кнопку с необычным hover-эффектом: волна появляется с той стороны, откуда приходит курсор.
Обычно для таких анимаций я использую GSAP. Но подключать целую библиотеку ради одной кнопки оказалось избыточным, поэтому я решил повторить эффект на чистом JavaScript.
Сначала думал, что нативная версия получится менее плавной или будет выглядеть грубее. Но поставил обе кнопки рядом — и разницы практически не заметил.
GSAP по-прежнему отличный инструмент для сложных анимаций и таймлайнов. Но для небольших эффектов иногда достаточно стандартного requestAnimationFrame.
И у меня назрел к вам вопрос) было бы вам интересно получить набор подобных готовых эффектов без сторонних библиотек, чтобы использовать их в своих проектах?

И так народ хочу поделится своей нароботкой.
Почти в каждом проекте я подключаю формы на сайте к n8n. И каждый раз одно и то же. Адрес вебхука светится в JS, спам-боты находят форму за пару недель, а на каждую новую форму приходится городить всё заново.

Вообщем мне надоело и написал плагин для WordPress.😊

Главное☝️ форма отправляется не в n8n напрямую, а на твой же сайт. PHP проверяет запрос и уже сам передаёт данные дальше. Адрес вебхука и секрет не попадают в браузер вообще - ни в исходник страницы, ни в DevTools, ни в кэш. Подсматривать нечего.😜

Вёрстку под плагин менять не нужно. Ты собираешь форму так, как тебе удобно. Руками, в билдере, любым конструктором. Плагин сам находит её по CSS-селектору и добавляет honeypot, одноразовый подписанный токен, проверку времени заполнения и Cloudflare Turnstile. Живой человек ничего этого не видит и никуда не кликает. Так сказать идиальная защита от спама😉

Форм может быть сколько угодно, и у каждой свой может быть свой вебхук. Контакты в один воркфлоу, обратный звонок в другой, заявка на аудит в третий. Всё настраивается в админке, лезть в код не надо ни разу.😊 Все сделал за вас)

Если n8n не ответил то заявка не теряется - сразу уходит письмом и встаёт в очередь на повтор.

Собрано по-современному - PHP 8.1, REST API, ноль jQuery и ноль легаси. На страницах без форм не грузится вообще ничего.

Если ты тоже работаешь с n8n и у тебя есть сайты на WordPress — забирай: https://leggo.dev/oa-forms.zip . Прямая ссылка, ставится через "Плагины > Добавить новый > Загрузить плагин" (позже сделаю отдельную сраницу)

Хочу немного поделиться опытом работы с ИИ😁 Ко мне пришел клиент на Webflow. Хз, кто ему это делал, но неважно) В общем, у него на сайте было 3 разных меню: два вида десктопа и одна мобилка. Это были прямо три разных компонента. И меняя ссылки в одном, в других, естественно, ничего не менялось. Из-за этого была путаница.

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

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

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

В общем, справились мы с ним за один промпт и без каких-либо косяков.

Народ, у меня тут мысль на подумать.🤔

Замечали, сколько сейчас стало появляться полностью иишных сайтов? Я сейчас не про те случаи, когда разраб с помощью нейросетей ускорил рутину или набросал шаблон. Я про сайты, которые тупо собираются за полчаса из одного банального промта.

Честно, они пипец как бросаются в глаза. Вроде выглядит аккуратно, но внутри🥴 . Сайт висит просто чтобы висеть, а не чтобы что-то реально продавать или решать задачу.

И вот мне стало реально интересно: а есть в этом вообще хоть какой-то смысл?

Пропускает ли такое Гугл в выдаче или режет на корню? Приводят ли эти сайты за один вечер хоть кого-то, кроме случайных ботов? И есть ли вообще шанс у такого "промт-дизайна" против нормальной работы, когда специалист или команда вникают в бизнес, пишут нормальный текст, подбирают нормальную графику и думают головой?