Лига А.


Гео и язык канала: Россия, Русский
Категория: Другое


Создаём сложные цифровые сервисы для стартапов и растущего бизнеса. Пишем о том, как ведём проекты, кодим и живём в мире IT.
Сайт → https://ligaa.agency
Обсудить проект, активность, партнёрство → @gingerliza

Связанные каналы  |  Похожие каналы

Гео и язык канала
Россия, Русский
Категория
Другое
Статистика
Фильтр публикаций


Новость недели об инструментах для создания сайтов

Shopify представила Canvas — рабочее пространство, в котором страницы магазина показаны вместе. Изменения можно вносить через диалог с ИИ-агентом Sidekick или выбор элементов на экране. Агент редактирует файлы темы, а результат отображается в реальном времени.

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

Источник: анонс Shopify Canvas.


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

Команда GitHub описала переход от CSS-in-JS к CSS Modules. Стили стали собираться в обычные CSS-файлы: их больше не нужно создавать во время выполнения JavaScript на клиенте или генерировать при серверном рендеринге.

Миграцию начали с компонентов дизайн-системы Primer. Старые и новые стили переключали флагами функций, а совпадение интерфейса проверяли визуальными тестами. По данным команды, на этом этапе время серверного рендеринга сократилось на 55%, а время инициализации компонентов — на 25%. Статья также разбирает перенос пользовательских стилей и тем; эти результаты относятся к измерениям GitHub, а не к любому переходу на CSS Modules.

Источник: GitHub Blog.


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

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

Скоро покажем, что получилось ✨


Depth map превращает плоскую картинку в освещаемую поверхность

В Codrops разобрали эффект динамического освещения 2D-изображения с помощью Three.js, TSL и WebGPU. Геометрия сцены остаётся плоской, а ощущение объёма создают карты глубины и нормалей.

Модель оценки глубины строит depth map: светлые области обозначают близкие объекты, тёмные — удалённые. Исходная 8-битная карта содержит 256 уровней, поэтому на плавных поверхностях могут появляться ступени. В примере значения переводят в формат с плавающей точкой, размывают и сохраняют как half-float-текстуру.

Из градиента глубины формируется normal map — направление условной поверхности для каждого пикселя. От него зависит яркость. Дополнительные детали получают из яркости исходной фотографии. Для расчёта собственных теней каждый пиксель проверяется по depth map в направлении источника света.

Изображение, рассчитанные нормали и затенение объединяются в MeshPhongNodeMaterial. В результате свет и тени перемещаются по фотографии так, как если бы она была рельефной 3D-поверхностью.

Источник: Codrops


Постоянно мониторим новости из мира разработки и находим много действительно любопытных штук. Так что решили регулярно делиться с вами самым интересным. Первая находка: как плоская картинка превращается в объёмную 👇


Нам нравится, когда клиенты возвращаются с тёплыми словами 💙
 
Мы делали полный редизайн сайта Bnovo — системы управления отелями, которой пользуются более 15 000 объектов в 40 странах. Проект большой, с кучей технических деталей и нестандартных решений.
 
А недавно получили отзыв. И это очень приятно.
 
Команда Лиги помогла нам полностью обновить сайт и сохранить накопленный SEO-трафик. Проект был технически непростым: команда быстро разобралась в существующей системе и аккуратно обновила её, не нарушив работу сайта.
Понравилось внимание к деталям. Специалисты не просто верстали страницы по макетам, но и замечали недостающие состояния и сценарии, предлагали решения, которые делали сайт удобнее для пользователей.
Работать было комфортно: задачи шли спринтами, процесс и бюджет были понятны, а большинство вопросов решались быстро и без лишней бюрократии. Результатом мы довольны: сайт аккуратно свёрстан, хорошо адаптирован для смартфонов, а админка позволяет самостоятельно менять большую часть контента без помощи разработчиков.

 
Спасибо команде Bnovo за доверие и крутую совместную работу. Продолжаем!


🚀 Мы обновили сайт Bnovo

Bnovo — система управления отелями, которой пользуются более 15 000 объектов в 40 странах мира. К нам клиент пришёл с задачей: переделать старый сайт, чтобы он был быстрым, гибким и отражал их уровень.

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

Что сделали:
✔️ Переверстали сайт с нуля. Изначально планировали заменять страницы по частям, но процесс пошёл быстрее плана, поэтому совместно с клиентом решили заменить всё сразу. Сначала сделали сайт на тестовом сервере, потом одним релизом запустили новую версию.
✔️ Посадили вёрстку на WordPress. Это был осознанный выбор: клиент привык к WP, был доволен им в управлении контентом, но недоволен скоростью и гибкостью. Мы объяснили, что скорость и гибкость зависят от того, заложены ли они на этапе разработки. И заложили.
✔️ Собрали фронтенд на Astro + TypeScript + SCSS. Astro даёт компонентный подход, а на выходе — чистый HTML без рантайма фреймворка. Это важно для скорости и SEO.
✔️ Использовали GSAP для анимаций, Swiper и Splide для слайдеров. Всё, чтобы сайт был быстрым и красивым.

Что было особенно интересно:
🔥 Адаптив с умным масштабированием. Вместо классической сетки с кучей брейкпоинтов мы использовали подход с двумя состояниями: мобильное (до 1023 пикселей) и десктопное (от 1024 пикселей). Для каждого из них JavaScript пересчитывает базовый размер шрифта, а вся вёрстка написана в rem() через SCSS-функцию. В итоге макет пропорционально масштабируется в пределах каждого состояния — на мобилках он подстраивается под любой экран, на десктопе растягивается до 1440 пикселей, а дальше контент центрируется. Это даёт точное попадание в макет Figma без танцев с медиазапросами на каждом блоке.

🔥 Каталоги с серверной фильтрацией. Блог, релизы, партнёры, интеграции и кейсы рендерит WordPress. Фронт ходит на REST-эндпоинт, подменяет список карточек и синхронизирует выбранную категорию с URL.

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


Наш финальный герой: Лиза, генеральный директор. Она в компании уже семь лет.

❔Как ты оказалась в Лиге?
Нашла вакансию. Компания была молодой и быстро росла, нужен был аккаунт-менеджер. Команда до последнего решала, кого из двух кандидатов взять, и выбрали меня. Теперь я руковожу компанией.

❔Твой первый проект или задача в компании?
Первой задачей был разбор базы клиентов. База была приличная, у ребят не хватало времени её привести в порядок. Я люблю порядок, поэтому задачка была как раз по мне) Тем более, что мне предстояло дальше самой работать с этой базой.

❔Что изменилось в твоей работе и жизни за эти годы?
Лига для меня как второй дом, я срослась с компанией. Я пришла в Лигу с разнообразным опытом, а здесь перемножила его на 100 и возвела в квадрат. Были кризисы, взлёты, грустные прощания, крутые победы и поражения. Я нашла здесь друзей, с которыми мы прошли огонь, воду и медные трубы. За время работы чего только не было: свадьба, переезд, путешествия!

❔Какой проект (и не проект) тебе запомнился больше всего?
Сложно выделить какой-то один, ведь их уже было 1000+, в каждом было что-то особенное и интересное. Ещё запомнилось, как после перехода на полную удалёнку стало сложно встречаться с командой. И от этого каждая встреча стала ещё ценнее. В прошлом году мы здорово поиграли в боулинг и поели пиццу)

❔Что тебя держит в Лиге?
Всё, что у нас есть, от команды до клиентов. Я чувствую большую ответственность за ребят и за результат. Мы помогаем таким же бизнесам, как мы, развиваться и достигать новых высот. Это важная миссия!


Наш следующий герой: Ира, фулстек-разработчик, в компании четыре года.

❔Как ты оказалась в Лиге?
Закончила курсы академии и пришла на практику.

❔Твой первый проект или задача в компании?
Вёрстка под Битрикс на Bootstrap. Было заморочено.

❔Что изменилось в твоей работе и жизни за эти годы?
Я углубилась в бэкенд. А обе дочери успели закончить школу.

❔Какой проект (и не проект) тебе запомнился больше всего?
Запомнились первые проекты с бекэндом.

❔Что тебя держит в Лиге?
Люди, проекты, свобода, культура, атмосфера, возможность учиться и доверие.


Продолжим? Знакомьтесь: Влад, менеджер проектов, в компании год.

❔Как ты оказался в Лиге?
Нашёл вакансию.

❔Твой первый проект или задача в компании?
Был обычный проект, надо было оценить задачу и решить её. Справился хорошо, было всего две правки. Помню, что ничего не было понятно, но было очень интересно.

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

❔Какой проект (и не проект) тебе запомнился больше всего?

Думаю, такой проект ещё впереди.

❔Что тебя держит в Лиге?
Люди, свобода, культура, атмосфера и возможность учиться.


Свежие новости: мы перевезли AI-проекты с ноутбуков в продакшен 🚀
 
Мы разрабатываем сразу несколько AI-инструментов:
· помощник для контента;
· бот для мониторинга проектов;
· управленческий сервис;
· собственный AI-шлюз.
 
Всё это работало на ноутбуках и в разрозненных средах. Пришло время переезжать в нормальный продакшен.
 
Но была проблема: у каждого AI-инструмента свои базы, ключи и фоновые процессы. Некоторые инструменты обрабатывают данные клиентов и сотрудников — их нельзя выносить за пределы российских серверов. Для AI-задач нужны мощные внешние модели, которые часто находятся за границей. Отправлять чувствительную информацию наружу или гнать самую дорогую модель на каждый простой запрос — такое себе.
 
Что сделали
🎯 Разделили инфраструктуру

Персональные и внутренние данные остаются на российских серверах. Зарубежные мощности используем только там, где это допустимо.
 
🎯 Поставили AI-шлюз
Перед отправкой запроса он заменяет чувствительную информацию безопасными плейсхолдерами, а полученный ответ восстанавливает уже внутри защищённого контура. Данные не гуляют по миру.
 
🎯 Разработали автомаршрутизатор
Приложение обращается к нему как к одной постоянной модели. Он меньше чем за миллисекунду определяет сложность задачи и выбирает подходящий вариант. Если модель недоступна — переключается на запасную. Со временем маршрутизатор сможет учитывать качество и стоимость ответов.
 
🎯 Настроили инфраструктуру:
· отдельные базы, ключи и права для каждого приложения;
· единую авторизацию;
· резервные копии и безопасные обновления;
· автоматическую проверку и сборку версий;
· управляемый запуск и откат к предыдущей версии при ошибке.
 
Что в итоге
Получили единый защищённый контур, где AI-инструменты можно безопасно развивать. Простые задачи не расходуют дорогие ресурсы, чувствительные данные не покидают контур, а разработка идёт без страха что-то сломать.
 
Короче, мы довольны 😊



Показано 12 последних публикаций.