FrontEndDev

Public

Не можете присоединиться? @front_end_dev

26.6k Участники

Обновлено: May 25, 2026 at 9:36 PM

FrontEndDev

🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu РКН: https://clck.ru/3GLw7G

Follow @front_end_dev to stay updated with the latest five_a_m and httpbitly2nxmvdu trends and news

Рейтинг

Глобальный рейтинг

#39528

-2593

Рейтинг по языку

#30447

-2320

Рейтинг по категории

#514

-18

Рост участников (Последние 30 дней)

Всего: 26.6K

Рост за 24ч: +0 0%

Последние посты

FrontEndDev

18 мая 2026 г., 08:08

HTML в canvas: рисуем и компонуем DOM с доступностью

Предложение к использованию , которое добавляет примитивы для layoutsubtree, drawElementImage и paint event, чтобы корректно рендерить дочерние HTML элементы в 2D и 3D canvas с согласованным fallback и hit testing. Идея закрывает боль с качеством, доступностью и экспортом контента, а также открывает путь к эффектам через WebGL/WebGPU.

https://github.com/WICG/html-in-canvas

2,520

FrontEndDev

18 мая 2026 г., 08:08

📷 Photo

CSS subgrid для выравнивания контента из CMS без костылей

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

https://dbushell.com/2026/04/02/css-subgrid-is-super-good/

2,760

FrontEndDev

18 мая 2026 г., 08:08

📷 Photo

SSGOI: нативные переходы между страницами

SSGOI добавляет плавные переходы с поддержкой React, Next, Vue, Nuxt, Svelte и Angular, работая с любым роутингом. Есть готовые типы переходов и быстрая настройка через обёртки вокруг layout и страниц.

https://github.com/meursyphus/ssgoi

2,520

FrontEndDev

18 мая 2026 г., 08:08

📷 Photo

Формы в Angular: от Reactive Forms к Signal Forms

Signal Forms в Angular v21 дают новый способ управления состоянием формы через сигналы, уменьшая шаблонную и компонентную разрозненность. Разберем, как мигрировать подход от FormGroup и FormArray к более предсказуемой модели и что это меняет в валидации и работе с динамическими полями.

https://habr.com/ru/companies/domclick/articles/1018180/?utm_campaign=1018180&utm_source=habrahabr&utm_medium=rss

2,880

FrontEndDev

18 мая 2026 г., 08:08

📷 Photo

Чем заменить !important в CSS

Каскадные слои, грамотный порядок подключений, трюки с селекторами и работа с специфичностью помогают убрать !important и вернуть предсказуемость стилей в больших проектах.

https://css-tricks.com/alternatives-to-the-important-keyword/

2,720

FrontEndDev

18 мая 2026 г., 08:08

📷 Photo

Делаем эмодзи и иконки доступными для скринридеров

Эмодзи и иконки в коде часто не являются настоящими изображениями, поэтому скринридер читает их буквальные названия или не находит текста. Добавляйте текстовые альтернативы, подписывайте icon-only элементы и контролируйте, чтобы смысл не терялся без визуального контекста.

https://blog.pope.tech/2026/04/01/making-emojis-and-icons-screen-reader-accessible/

2,700

FrontEndDev

18 мая 2026 г., 08:08

Безопасная загрузка файлов в Node.js

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

http://github.com/pompelmi/pompelmi

2,760

FrontEndDev

18 мая 2026 г., 08:08

📷 Photo

Что знать в JavaScript к 2026 году

Обновления ECMAScript 2025, ленивые Iterator Helpers для экономии памяти, методы для Set и RegExp.escape для безопасной сборки регулярных выражений из пользовательского ввода. В фокусе не только язык, но и то, как это применять в рантаймах, фреймворках, библиотеках и туллинге.

https://frontendmasters.com/blog/what-to-know-in-javascript-2026-edition/

3,060

FrontEndDev

18 мая 2026 г., 08:08

📷 Photo

7 рецептов для View Transitions в CSS

Собрали готовые шаблоны анимаций для плавных переходов между страницами: от простого dissolve до более выразительных эффектов. Подходит как для практики, так и для быстрого внедрения в веб приложения с учетом prefers-reduced-motion.

https://css-tricks.com/7-view-transitions-recipes-to-try/

2,900

FrontEndDev

18 мая 2026 г., 08:08

SVGInject: внедряйте SVG inline в DOM без сборки

Небольшая библиотека заменяет img на inline svg, чтобы стилизовать любые path, circle и group через CSS, включая анимации и темную тему. Поддерживает кэширование, предотвращает конфликты ID и автоматически улучшает доступность через ARIA.

https://github.com/iconfu/svg-inject

2,920

FrontEndDev

28 мар. 2026 г., 09:01

📷 Photo

5 операторов RxJS в Angular, которые решают 80% проблем

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

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

4,160

FrontEndDev

28 мар. 2026 г., 09:01

📷 Photo

Переход от Moment.js к Temporal API

Хотя Moment.js был популярен, его недостатки, такие как большой размер и изменяемость объектов, привели к появлению нового стандарта. Современный Temporal API в JavaScript решает эти проблемы.

https://smashingmagazine.com/2026/03/moving-from-moment-to-temporal-api/

4,620

FrontEndDev

28 мар. 2026 г., 09:01

📷 Photo

Деструктуризация в JavaScript: учимся разбирать данные удобно и лаконично

Деструктурирующее присваивание помогает распаковывать массивы и объекты прямо в параметрах и переменных — особенно когда структура вложенная. Разберём, как это работает и почему синтаксис кажется коротким, но делает много работы.

https://css-tricks.com/javascript-for-everyone-destructuring/

2,930

FrontEndDev

28 мар. 2026 г., 09:01

📷 Photo

Flex vs Grid: объяснение разницы на практике

Flex и Grid решают разные задачи: Flex — про раскладку в одном направлении, Grid — про контроль и строк, и колонок. Разберём типовые кейсы (например, карточки в ряд) и покажем, как выбирать нужный инструмент.

https://habr.com/ru/companies/timeweb/articles/1004986

2,820

FrontEndDev

28 мар. 2026 г., 09:01

📷 Photo

О специфике разработки приложений под Smart TV: личный опыт перехода от веба к ТВ

В отличие от привычного веба, здесь нужно учитывать линейную навигацию, принципы 10-foot UI и аппаратные ограничения.

https://habr.com/ru/companies/vk/articles/1008506

3,350

FrontEndDev

28 мар. 2026 г., 09:01

Друзья! Стартует новый сезон Podlodka React Crew: «Продвинутый React». Podlodka React Crew — онлайн-конференции для React-разработчиков. По традиции иду сам и зову вас с собой 😊 Разработчики регулярно сталкиваются с проблемами производительности, утечками…

3,510

FrontEndDev

28 мар. 2026 г., 09:01

📷 Photo

Улучшаем производительности анимаций с помощью requestAnimationFrame

requestAnimationFrame — это браузерный API, разработанный специально для визуальных обновлений, который позволяет планировать их прямо перед следующей перерисовкой, обеспечивая плавность и отзывчивость.

https://www.debugbear.com/blog/requestanimationframe

3,930

FrontEndDev

28 мар. 2026 г., 09:01

📷 Photo

CSS-свойство corner-shape: новые горизонты для интерфейсов

Новое свойство corner-shape в связке с border-radius наконец позволяет легко создавать скошенные, вогнутые, скругленные и другие формы, делая ваш интерфейс выразительнее и чище

https://www.smashingmagazine.com/2026/03/beyond-border-radius-css-corner-shape-property-ui/

3,630

FrontEndDev

28 мар. 2026 г., 09:01

📷 Photo

Прощай innerHTML, привет setHTML

Новый метод .setHTML() в JavaScript, входящий в состав Sanitizer API, является прямой заменой для .innerHTML(). Это значительно усиливает защиту от XSS-атак, эффективно устраняя все риски DOM-XSS и повышая безопасность сайтов.

https://frontendmasters.com/blog/goodbye-innerhtml-hello-sethtml/

3,820

FrontEndDev

28 мар. 2026 г., 09:01

Друзья! Мои коллеги пишут выпускную работу и проводят исследование "о важности аспектов бренда работодателя для IT-специалистов поколения Z при выборе компании".

Если у вас есть свободные 6 - 8 минут и вы родились позже 1996, ответьте пожалуйста на https://forms.gle/9hYjsMsNjDqxfSfu9.

Всем добра ✌️

PS: сегодня подведем итоги на Podlodka React Crew. Следите за постами 😊

3,330

FrontEndDev

26 мар. 2026 г., 10:58

📷 Photo

Popover API или Dialog API: что выбрать?

Popover API упрощает создание всплывающих элементов, предлагая встроенные функции доступности. В то время как Dialog API лучше подходит для модальных окон, автоматически изолируя контент.

https://css-tricks.com/popover-api-or-dialog-api-which-to-choose/

3,740

FrontEndDev

26 мар. 2026 г., 10:58

📷 Photo

Переосмысление тестовых заданий для фронтендеров.

Методология, включающая короткое тестовое задание, совместное ревью кода и рефакторинг легаси, которая позволяет выявить реальные навыки работы с кодом и принятия решений

https://habr.com/ru/companies/doubletapp/articles/1005810

3,500

FrontEndDev

26 мар. 2026 г., 10:58

Друзья!

Стартует новый сезон https://podlodka.io/reactcrew?utm_campaign=early_bird_react_crew_4&utm_source=telegram&utm_medium=social&utm_content=front_end_dev: «Продвинутый React». Podlodka React Crew — онлайн-конференции для React-разработчиков.
По традиции иду сам и зову вас с собой 😊

Разработчики регулярно сталкиваются с проблемами производительности, утечками памяти и архитектурными вызовами. Поэтому в этот раз программа будет очень технической — от внутренней работы V8 до React Server Components и профилирования производительности.

С 23 по 27 марта ее участники:

⚙️ узнают, как устроен рендер и внутренние механизмы в современном React
🧠 познакомятся с архитектурой приложений, где применяются React Server Components
📊 научатся профилировать React-приложения и выявлять медленные рендеры, memory leak
🛠познакомятся с дополнительными инструментами, которые помогут упростить отладку и выявить сложные проблемы

👉 Формат уже знакомый: несколько дней живых Zoom-сессий утром и вечером, закрытое комьюнити в Telegram и возможность пообщаться со спикерами.

Если хотите углубить свои знания про React в компании крутых экспертов, присоединяйтесь к Podlodka React Crew👇

https://podlodka.io/reactcrew?utm_campaign=early_bird_react_crew_4&utm_source=telegram&utm_medium=social&utm_content=front_end_dev https://podlodka.io/reactcrew?utm_campaign=early_bird_react_crew_4&utm_source=telegram&utm_medium=social&utm_content=front_end_dev

🎁 По традиции разыгрываем один билет. Для участия https://forms.yandex.ru/cloud/69b12d7802848f399910d908. Итоги подведем в ближайшее время!

Для подписчиков FrontEndDev есть промокод на скидку 500р 🥳: FrontEndDev

3,780

FrontEndDev

26 мар. 2026 г., 10:58

📷 Photo

Спрайты в вебе

Используйте технику спрайтов, чтобы создавать эффективные покадровые анимации с помощью современных CSS-свойств, таких как object-fit, object-position и функции steps().

https://www.joshwcomeau.com/animation/sprites/

3,620

FrontEndDev

26 мар. 2026 г., 10:58

📷 Photo

На подходе стандартная ленивая загрузка HTML-видео и аудио!

Эта функция позволит отложить загрузку медиа-ресурсов до момента их появления в области видимости браузера, значительно снижая вес страницы и улучшая производительность. Используя loading="lazy" для  и , разработчики смогут оптимизировать загрузку медиа, что уже доступно для тестирования в Chrome Canary.

https://scottjehl.com/posts/lazy-media/

3,700

FrontEndDev

26 мар. 2026 г., 10:58

📷 Photo

Подробное руководство по настройке списков с помощью CSS

Разбираем свойства list-style-type, псевдоэлемент ::marker для базовой кастомизации и правило @counter-style для создания собственных систем нумерации

https://piccalil.li/blog/an-in-depth-guide-to-customising-lists-with-css/

3,770

FrontEndDev

26 мар. 2026 г., 10:58

GitLab CI/CD для фронт разработчиков: от 0 до задеплоено

Настройте автоматизированное тестирование, сборку и развертывание на GitLab Pages. Подробное руководство с реальными примерами и практическими советами.

https://www.sitepoint.com/git-lab-ci-cd-for-frontend-developers

4,090

FrontEndDev

24 мар. 2026 г., 11:03

📷 Photo

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

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

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

6,190

FrontEndDev

24 мар. 2026 г., 11:03

📷 Photo

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

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

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

5,080

FrontEndDev

24 мар. 2026 г., 11:03

📷 Photo

Главный подвох якорного позиционирования в CSS

Якорное позиционирование в CSS имеет важные ограничения по расположению элементов в DOM. Якорный элемент должен быть полностью отрисован до того, как к нему будет привязан другой элемент, что требует внимания к порядку их следования и структуре DOM.

https://frontendmasters.com/blog/the-big-gotcha-of-anchor-positioning/

3,800

Showing 30 of 100 posts

Рейтинг

Требуется вход

Отзывы пользователей (0)

Пока нет отзывов. Будьте первым, кто поделится своим опытом!

FrontEndDev

FrontEndDev

Рейтинг

Рост участников (Последние 30 дней)

Последние посты

Рейтинг

Отзывы пользователей (0)

Похожие каналы Telegram

Магазин цифровых товаров YanGoShop(@yangosart)

Финтехстан

Горизонт событий | Event horizon

Новости в 3д сфере. Stl news 3d models. Видео по 3D

Электрион Клуб

TMT Channel

ИнфоТЭК

Афонтово

Похожие каналы Telegram

Магазин цифровых товаров YanGoShop(@yangosart)

Финтехстан

Горизонт событий | Event horizon

Новости в 3д сфере. Stl news 3d models. Видео по 3D

Электрион Клуб

TMT Channel

ИнфоТЭК

Афонтово

Отзывы пользователей (0)

Последние посты