Помните 2015 год? Тогда Пол Льюис из Google представил концепцию FLIP (First, Last, Invert, Play) — революционный на тот момент способ делать анимации интерфейса со стабильными 60 fps. Идея была гениальной: вместо того, чтобы анимировать свойства разметки (width, top), мы измеряем начальное и конечное состояние элементов, а затем анимируем только transform.В теории звучало отлично, но на практике реализация была трудоёмкой: требовались вычисления координат getBoundingClientRect, ручной контроль…
Если кратко - упрощение изучения до "прямой", в которой нет альтернатив, а также сброс прогресса с Золотой Совы до 2-го чекпоинта изрядно подожгло мою пятую точку настолько, что я просто забил.Однако уже через пару месяцев стало очевидно - я вновь начал делать грамматические ошибки, и нуждался в "тренировках", но играть по новым правилам мне решительно не хотелось.Первое, что я решил, если я делаю для себя (и, возможно, кого-то еще, у кого такое же видение на проблему Совы), то …
Привет, Хабр.Это моя первая статья здесь. Долгое время не решался что-то публиковать, хотя регулярно читал и разбирал материалы других авторов.Для первой публикации я выбрал тему внутренней оптимизации реактивности во Vue 3 — trackOpBits и работу ReactiveEffect. Этот механизм почти не заметен при обычной работе с фреймворком, но он напрямую влияет на производительность рендера компонентов и поведение вложенных computed.В статье разберём, какую проблему решает trackOpBits, как именно он использу…
Полагаться на React Compiler означает знать, когда он не срабатываетЯ разрабатываю высокоинтерактивные интерфейсы на React с 2017 года: визуальные редакторы, инструменты для дизайна, приложения, где пользователи перетаскивают элементы, меняют свойства в реальном времени и ожидают, что каждое действие будет отзываться так же быстро, как в Figma или Photoshop. Один лишний ререндер может разрушить иллюзию «прямого управления», из-за чего интерфейс начинает тормозить и раздражать.Восемь лет я приуч…
СодержаниеВведениеВводные данныеПроблема 1. Зависимость аудиоустройств от активности экрана.Проблема 2. Непреднамеренное взаимодействие с элементами интерфейса веб-приложения.Проблема 3. Непреднамеренное взаимодействие с элементами браузера.ЗаключениеВведениеНа сегодняшний день браузеры всё ещё не позволяют сделать звонки из веба такими же удобными, как в нативных приложениях.Поэтому некоторые популярные сервисы вообще запрещают звонки из мобильного браузера и просто отправляют пользователя уст…
У нас случилась классика: бэкенд уже отдает данные, бизнес ждет экран “вчера”, а фронтендера в команде нет и ближайшие фронты заняты.Я Александр Бунтов, тимлид в Ви.Tech - IT-дочки ВсеИнструменты.ру. В этой статье расскажу, как мы рискнули и собрали MVP-интерфейс за неделю - без выделенного фронта, но на корпоративном стеке (Vue/TypeScript) и с дизайн-системой.Это не история “AI все сделал”. Это история про то, как правила + дизайн-система + ревью как для джуна превращают AI-ассистента в нормал…
Frontend Status: Привет! Свежий дайджест фронтенда и AIПривет!Это четвертый выпуск Frontend Status — дайджеста по фронтенд-разработке.В этом выпуске:JS/TS: Evan You — Vite, Rust, VoidZero; State of JS 2025 и новый интерфейс npm (npmx).AI: Transformers.js v4 в NPM; тест «заменит ли ИИ опытного дебаггера».Фреймворки: React — ViewTransition, SSG-сравнение, календарь DayFlow; Angular — обзор v22 и демо проект на Genkit.CSS и браузеры: гистограммы и подсветка поиска без JS; предпочтения размера шри…
Stop. Хватит читать обзоры бенчмарков.Они не расскажут, почему ChatGPT увидел 127 точек, а Gemini – только 57. Не объяснят, зачем Claude добавил рекламу в игру, которая должна была быть “просто раздражающей”.И уж точно не покажут, кто из них думает, а кто просто генерирует текст.Мы провели стресс-тест в пяти раундах.Раунд 1: Вопрос, который меняет мышление.Раунд 2: Мультимодальный подсчёт – где ИИ должен видеть.Раунд 3: Печеньки на чёрной поверхности – где догадываться.Раунд 4: Экстремальное су…
Решил один мой коллега (не разработчик) заняться пет-проектом: создать платформу с элементами соцсети и встроенным картографическим плагином. И вот приходит этот коллега ко мне с вопросом по части фронтенда: «А как бы мне отрендерить страницы: на сервере или на клиенте?», описывая то решение, которое он уже сделал и которое в целом работает.Что ж. Меня зовут Андрей, я фронтенд-разработчик в Selectel. В этой статье я расскажу и покажу, какие виды рендеринга веб-страниц существуют и в каком случа…