FrontEndDev

GitLab CI/CD для фронт разработчиков: от 0 до задеплоено Настройте автоматизированное тестирование, сборку и развертывание на GitLab Pages. Подробное руководство с реальными примерами и практическими советами. https://www.sitepoint.com/git-lab-ci-cd-for-frontend-developers

Главный подвох якорного позиционирования в CSS Якорное позиционирование в CSS имеет важные ограничения по расположению элементов в DOM. Якорный элемент должен быть полностью отрисован до того, как к нему будет привязан другой элемент, что требует внимания к порядку их следования и структуре DOM. https://frontendmasters.com/blog/the-big-gotcha-of-anchor-positioning/

Как фронтенд получает данные с сервера: лучшие практики 2026. Ключевые подходы к получению данных: от классического REST и GraphQL до паттерна Backend for Frontend (BFF) и реактивных методов. https://habr.com/ru/companies/otus/articles/994238

Пишем систему частиц и физику на чистом JS для создания Canvas-конфетти Посмотрим, как построить собственную архитектуру на Canvas для анимаций: от базовых примитивов до сложных систем частиц с реализацией физики и эффектов вращения. https://habr.com/ru/articles/1001462

Почему "scroll fade" эффект вызывает раздражение у пользователей Эффект, при котором элементы плавно появляются при скролле страницы, часто используется без реальной цели. Такая анимация просто перегружает интерфейс, вместо того чтобы улучшать. https://frontendmasters.com/blog/death-to-scroll-fade/

Создание горизонтальной галереи с параллаксом: от DOM до WebGL. Разбираем создание плавной галереи с параллаксом, начиная с классического подхода на DOM/CSS/JS с переходом к версии на WebGL, полностью использующей возможности GPU для максимальной гладкости. https://tympanus.net/codrops/2026/02/19/creating-a-smooth-horizontal-parallax-gallery-from-dom-to-webgl/

Vitest vs Jest 2026: Руководство по миграции Vitest оказался в 10 раз быстрее с нативной поддержкой ESM. Расскажем о подводных камнях при миграции и проведем сравнение производительности из тестового сьюта на 50 тысяч тестов https://www.sitepoint.com/vitest-vs-jest-2026-migration-benchmark/

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

Новые реактивные формы в Angular: Signal Forms API. Это экспериментальное API, представленное в Angular 21, позволяет создавать типобезопасные формы с автоматической реактивностью и меньшим количеством шаблонного кода. Разработчики смогут гибко настраивать валидацию, управлять состояниями полей и легко встраивать кастомные контролы. https://habr.com/ru/companies/tbank/articles/1000906

Исследуем возможности `:near()`, нового псевдокласса, который может появиться в браузерах. Этот псевдокласс определяет близость указателя к элементу, открывая возможности для условного отображения элементов, а также для оптимизации предзагрузки контента. https://css-tricks.com/potentially-coming-to-a-browser-near-you/

Плохие практики, которые часто встречаются в современной вёрстке. В статье разбираются распространённые ошибки, от отсутствия альтернативного текста у интерактивных элементов до некорректного скрытия контента и неправильной работы с анимациями https://habr.com/ru/companies/ruvds/articles/995784

20 платформ для дизайн-референсов, которые выходят за рамки Dribbble. Cписок предлагает 20 платформ, где можно найти не только красивые картинки, но и реальные пользовательские пути, видеозаписи, файлы Figma, код компонентов и лучшие практики для создания функциональных интерфейсов. https://jsdevspace.substack.com/p/20-design-reference-platforms-beyond

Курс по основам сетей https://www.youtube.com/watch?v=fQbBPa0ADvs

Почему статические сайты возвращаются и чему они научились. Статические сайты снова актуальны: они предлагают зрелую архитектуру, способную решать до 90% задач быстрее, дешевле и безопаснее, чем тяжёлые бэкенды. Они научились взаимодействовать с динамическим контентом через API и обновляться мгновенно благодаря инкрементальной сборке, минимизируя затраты на поддержку. https://habr.com/ru/articles/1000610

Вакансия 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/

Обработка видео в web с помощью WebCodecs Туториал по работе с WebCodecs API: создаем видео-редактор и live стримы без серверной обработки. https://www.sitepoint.com/video-processing-in-browser-with-Web-Codecs

Как одно эмодзи замедлило приложение в 100 раз. Невероятный баг, который приводил к задержке в 1600 мс на каждом этапе отрисовки в Safari, был вызван одним эмодзи из-за использования шрифта Noto Color Emoji. https://frontendfoc.us/link/180511/web

UI паттерны для асинхронных процессов и фоновых задач Как создавать интуитивно понятные интерфейсы для фоновых задач и конвейеров данных, чтобы пользователи не теряли контроль и понимали, что происходит в приложении. https://blog.logrocket.com/ui-patterns-for-async-workflows-background-jobs-and-data-pipelines/

Развлекаемся с TypeScript дженериками Используем продвинутые возможности дженериков, условные типы и перегрузку функций, чтобы создавать строго типизированные утилиты. https://frontendmasters.com/blog/fun-with-typescript-generics/

Создание адаптивной пирамиды с помощью современного CSS. Делаем сложный адаптивный макет с гексагональными элементами, используя передовые возможности CSS Grid и математические вычисления. https://css-tricks.com/making-a-responsive-pyramidal-grid-with-modern-css/