Обработка видео в web с помощью WebCodecs

Туториал по работе с WebCodecs API: создаем видео-редактор и live стримы без серверной обработки.

https://www.sitepoint.com/video-processing-in-browser-with-Web-Codecs

Вакансия Senior Frontend Developer /// Steper

Привет! Мы Steper — сервис для создания сценариев с привязкой к ботам в различных соцсетях и автоматизацией цепочек действий: от запуска задачи до её решения. Мы ищем Senior Frontend Developer. Проект напоминает что-то среднее между n8n.io и bothelp.io.

🛠 Стек: TypeScript, Vue 3 (опыт от 2 лет), Git (будет плюсом знание Node.js)
👩‍💻 Гибридный формат (удаленка, ищем кандидата из Москвы)

📌 Что делать:
▫️Разрабатывать интерфейсы платформы
▫️Проектировать и улучшать UI/UX, делать продукт удобным для бизнеса
▫️Работать над компонентами и архитектурой фронтенда.
▫️Участвовать в проектировании общей логики продукта и интеграций, включая AI-модули в сценариях.

📌 Важно:
▫️Писать качественный и современный код, но без чрезмерного увлечения велосипедами
▫️Уметь самостоятельно принимать решения по разработке продукта, а не ждать подробных ТЗ

📌 Что предлагаем:
▫️ЗП: от 300 000 ₽/мес на руки
▫️7-часовой рабочий день + 1 час обед
▫️Гибридный график работы (редкие встречи в Москве с командой)
▫️Оплата коворкинга и подписок на полезные сервисы (обсуждается)
▫️Возможность влиять на продукт и принимать ключевые решения
▫️Работа в небольшой продуктовой команде и участие в развитии проекта

Откликнуться: https://forms.yandex.ru/u/698d68d35056902e746570d5/

Почему статические сайты возвращаются и чему они научились

Статические сайты снова актуальны: они предлагают зрелую архитектуру, способную решать до 90% задач быстрее, дешевле и безопаснее, чем тяжёлые бэкенды

https://habr.com/ru/articles/1000610

20 платформ для дизайн-референсов, которые выходят за рамки Dribbble.

Cписок предлагает 20 платформ, где можно найти не только красивые картинки, но и реальные пользовательские пути, видеозаписи, файлы Figma, код компонентов и лучшие практики для создания функциональных интерфейсов.

https://jsdevspace.substack.com/p/20-design-reference-platforms-beyond

Плохие практики, которые часто встречаются в современной вёрстке.

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

https://habr.com/ru/companies/ruvds/articles/995784

Исследуем возможности `:near()`, нового псевдокласса, который может появиться в браузерах.

Этот псевдокласс определяет близость указателя к элементу, открывая возможности для условного отображения элементов, а также для оптимизации предзагрузки контента.

https://css-tricks.com/potentially-coming-to-a-browser-near-you/

Новые реактивные формы в Angular: Signal Forms API.

Это экспериментальное API, представленное в Angular 21, позволяет создавать типобезопасные формы с автоматической реактивностью и меньшим количеством шаблонного кода. Разработчики смогут гибко настраивать валидацию, управлять состояниями полей и легко встраивать кастомные контролы.

https://habr.com/ru/companies/tbank/articles/1000906

CSS container scroll-state: заменяем JS подписку на скролл

Новая функция @container scroll-state позволяет CSS напрямую реагировать на положение элемента в его скролл-контейнере, заменяя тяжеловесные JS подписки.

https://blog.logrocket.com/css-container-scroll-state/

Vitest vs Jest 2026: Руководство по миграции

Vitest оказался в 10 раз быстрее с нативной поддержкой ESM. Расскажем о подводных камнях при миграции и проведем сравнение производительности из тестового сьюта на 50 тысяч тестов

https://www.sitepoint.com/vitest-vs-jest-2026-migration-benchmark/

Создание горизонтальной галереи с параллаксом: от DOM до WebGL.

Разбираем создание плавной галереи с параллаксом, начиная с классического подхода на DOM/CSS/JS с переходом к версии на WebGL, полностью использующей возможности GPU для максимальной гладкости.

Демо | Github

https://tympanus.net/codrops/2026/02/19/creating-a-smooth-horizontal-parallax-gallery-from-dom-to-webgl/

Почему "scroll fade" эффект вызывает раздражение у пользователей

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

https://frontendmasters.com/blog/death-to-scroll-fade/

Пишем систему частиц и физику на чистом JS для создания Canvas-конфетти

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

https://habr.com/ru/articles/1001462

Как фронтенд получает данные с сервера: лучшие практики 2026.

Ключевые подходы к получению данных: от классического REST и GraphQL до паттерна Backend for Frontend (BFF) и реактивных методов.

https://habr.com/ru/companies/otus/articles/994238