Ребят, привет! Работаю сейчас над одним проектом (скоро покажу вам его 😅) и словил себя на мысли: а нафига нам столько лишнего в коде?
Раньше я для любого слайдера на автомате подключал Swiper. Библиотека топовая, спору нет, но есть нюанс: она тянет за собой гору стилей и тонну JS, из которого в мы используем максим процентов 20.
И вот я решил психануть и накидал слайдер на чистом Vanilla JS🙈. И знаете что? Это вообще не больно!

Всего 28 строчек кода. Думаю можно его доработать или както унифицировать. Но по сути это особо сейчас мне не нужно.

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

Конечно, для каких-то "космических" задач с кучей наворотов и GSAP анимаций сторонние либы оправданы. Но для обычных карточек? Кажется, пора задуматся над тем чтобы перходить на чистый код. тем более в этоху ИИ 😅. Лично я планирую в будущих проектах максимально избавляться от тяжелых зависимостей там, где это можно решить парой строк кода. 🚀

А как у вас с этим? Часто использыете тяжелых библиотек для элементарных задач?

Так, народ. Первая проба пера🤦‍♂️.

Долго разбирался со всеми этими технологиями по записи и с Ютубом.
Но получилось то, что получилось😅.

Постараюсь дальше улучшать и качество, и подачу.

В целом это первый вводный видос. Показал, с помощью чего можно запустить локальный сервер. Дальше буду уже показывать и разбирать непосредственно внутри CMS. Следующее видео будет про плагины, безопасность, SEO... ну, и всё такое.

Ссылка тут 👇
https://youtu.be/t-_0L_m6ZXk?si=XR3YU3RFCAfGVHuC

Жду ваш фидбэк в комментах! Как вам формат для старта?😊

🙈 Ох, новый видос уже готовится. Но по хронометражу он получился прям длинный 🤦‍♂️ Возможно, стоило разбить его на 3 части, но тогда, наверное, потерялась бы суть разбора. Так что ждите, я проставлю там таймкоды, как только залью на ютуб.

Постарался закрыть весь спектр базовых плагинов, которые я использую для первоначальной настройки.😊

Подъехала вторая часть нашего мини-курса😊.

Сразу предупреждаю: видос получился длинным, почти на 50 минут 😅. Но там прям самая база без воды.

В этом уроке разбираю свой личный список плагинов для WordPress. Это тот самый фундамент (безопасность, базовое SEO, кэш и URL), который я ставлю на абсолютно каждый сайт перед тем, как вообще браться за верстку и дизайн.

Смотрим, вникаем, настраиваем свои локалки 👇
https://youtu.be/Kny2rXemyns

P.S. Если что оставил тайм код под видео 😉

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

А пока я тут занялся созданием плагина для визуальной настройки 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 и чистый код .

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

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