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

Зарегистрирован в РКН
Связанные каналы  |  Похожие каналы

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


Использование await на верхнем уровне

Вызов асинхронных функций без дополнительного обертывания в ES2022. Кейсы (например загрузка конфигураций, динамический импорт модулей и инициализация WebAssembly в модулях) и ограничения (блокировка выполнения импортирующих модулей, сложности при циклических зависимостях и несовместимость с CommonJS).

https://allthingssmitty.com/2025/06/16/using-await-at-the-top-level-in-es-modules/


Упрощаем работу с ResizeObserver

Небольшая обёртка для ResizeObserver, которая делает работу с ним понятнее и удобнее.

https://css-tricks.com/a-better-api-for-the-resize-observer/


Интеграция React Server Components с бандлером

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

https://overreacted.io/why-does-rsc-integrate-with-a-bundler/


26 июня в 15.00 мск пройдет онлайн митап «МойОфис Frontend&UX Talks. Практические решения для сложных интерфейсов в 2025 году: от кода до дизайна».
Современные цифровые продукты становятся все мощнее — и все сложнее. А еще требуют комплексного подхода — от архитектуры кода до продуманного UX. Как создавать сложные интерфейсы, чтобы они оставались удобными? Какие технологии и методы действительно работают в реальных проектах?
Об этом мы и поговорим на митапе: рассмотрим современные инструменты, архитектурные решения, дизайн-системы и методы редизайна, а также покажем рабочие подходы, которые можно применить прямо сейчас, независимо от масштаба вашего проекта.

На митапе выступят:
Руководитель группы разработки МойОфис, участник программного комитета конференции HolyJS Алексей Золотых;
Архитектор веб-направления в «Лаборатории Касперского», соорганизатор MoscowJS, Павел Востриков;
Исследователь пользовательского опыта и клиентских сценариев в Alfa Research Center, тренер и практик дизайн-мышления, Антон Бессонов.
И другие спикеры, в расписании митапа.

Для кого этот митап?
✔️ Для фронтендеров, которые создают не просто код, а удобные и современные интерфейсы.
✔️ Для продуктовых специалистов, которые хотят знать, куда движется индустрия.
✔️ Для дизайнеров, которые хотят глубже понимать технические возможности в разработке дизайна интерфейсов.

Это не просто доклады — это разбор реальных кейсов и живые дискуссии. Присоединяйтесь, чтобы обсудить лучшие практики, задать вопросы спикерам и вдохновиться новыми идеями. Будет полезно!

Реклама
ООО "НОВЫЕ ОБЛАЧНЫЕ ТЕХНОЛОГИИ"
ИНН: 7703807270
erid: 2W5zFJNYCat


Самый простой способ задеплоить сайт-портфолио

Используем связку github + netlify для бесплатного деплоя простых и небольших проектов.

https://frontendmasters.com/blog/the-simplest-way-to-deploy/


Исследуем функцию contrast-color()...снова

Еще одна статья о том, как работает функция contrast-color() в CSS и зачем она нужна. В стать показано функция помогает улучшить доступность, автоматически подбирая контрастный цвет к заданному фону + текущие ограничения, поддержка в браузерах и возможные обходные пути.

https://css-tricks.com/exploring-the-css-contrast-color-function-a-second-time/


Partial Keyframes

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

https://www.joshwcomeau.com/animation/partial-keyframes/


Тем, кто учит и учится новому

20 июня в рамках фестиваля «Т-Двор» от Т-Банка пройдет День образования и науки.

В программе — дискуссии, кейсы и воркшопы от экспертов:

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

Будут и члены приемной комиссии Центрального университета — можно задать вопросы о поступлении и программах обучения.

Приходите на фестиваль в Санкт-Петербурге или подключайтесь онлайн. Участие бесплатное.

Успейте зарегистрироваться до 19 июня


Подробный гайд по CSS Custom Properties

Синтаксис, возможности и лучшие практики по работе с CSS переменными.В руководстве рассказывается как использовать кастомные свойства для соблюдения принципов DRY, динамической темизации и взаимодействия с JavaScript.

https://css-tricks.com/a-complete-guide-to-custom-properties/


State of CSS 2025

Опросник об использовании новых возможностей и инструментов CSS — ваша возможность повлиять на развитие CSS и web. Опрос займёт около 15–20 минут.
Цель — понять, насколько быстро внедряются новые функции (например, scroll‑driven animations, :has(), subgrid и другие) и помочь сообществу и браузерным вендорам приоритизировать дальнейшее развитие.

https://survey.devographics.com/ru-RU/survey/state-of-css/2025


GlowIcons 1.0

Более 440 open source svg иконок для ваших интерфейсов.

https://www.glowui.com/icons


Друзья! Я, как и многие из разработчиков, по вечерам пилю пет-проекты, которые решают мои задачи, а потенциально и задачи некоторого круга людей.

У пет-проектов есть несколько плюсов:
▫️Можно не увольняться с работы в компании
▫️Не так страшно, как запускать бизнес, который может прогореть
▫️Плюс, многие успешные компании начинали свой путь как пет-проект, например тот же Twitter.

Но как разработчику или менеджеру в IT запустить свой пет-проект, чтобы он еще и был успешным?

Михаил Табунов сделал про это телеграм канал Твой пет проект, в котором пишет для разработчиков и менеджеров про свой опыт – где брать идею, что надо знать про маркетинг, как запускать и искать первые 10 клиентов не имея бюджета на рекламу, и многое другое.

Так что подписывайтесь на Твой пет проект и получайте пользу от практиков рынка.


AngularFire — Firebase + Angular

AngularFire — это официальная библиотека, которая обеспечивает удобную интеграцию Firebase с Angular-приложениями, оборачивая веб‑SDK в конструкции, привычные для Angular — с Dependency Injection, RxJS и Zone.js

https://github.com/angular/angularfire


Анонс Rolldown‑Vite

Использование в Vite нового сборщика на Rust вместо Rollup + esbuild. Ускорение сборки от 3х до 16х и значительное снижение потребления памяти (в некоторых случаях до 100х) по сравнению с традиционными инструментами.

https://voidzero.dev/posts/announcing-rolldown-vite


Добавляем креативности с HTML Dialog

Используем элемент вместе с его псевдоэлементом ::backdrop, фильтрами фона и анимациями для создания модальных окон с уникальным дизайном, сохраняя доступность и семантику.

https://css-tricks.com/getting-creative-with-html-dialog/


Друзья! Нашел классный канал Формошлёп, где собраны сотни хаков для фронтендеров в одном месте

Никакой скучной теории, воды и прочей шляпы, только практические примеры, которые работают.

👉 Подписывайся на @frontbox — стань тем, кто знает, как решить проблему, пока остальные ищут ответ на Stack Overflow.


Частые ошибки при дизайне веб страниц

Несколько простых советов, которые помогут вам создавать красивые и информативные лендинги.

https://blog-en.tilda.cc/articles-website-design-mistakes


Оборачиваем React приложение в Docker

Пошаговый туториал для разработчиков, начинающих работу с Docker.

https://www.docker.com/blog/how-to-dockerize-react-app/

4.8k 1 158 4 20

Прошел вайб-чек от команды Яндекс Вертикалей, кажется, мне пора в отпуск. Какие у вас результаты?

🆖 перейти в бота


Когда обычный массив занимает меньше памяти чем Uint8Arrays

Короткое сравнение array vs Uint8Array по памяти для случаев, когда вам важен каждый байт

https://evanhahn.com/v8-array-vs-uint8array-memory-usage/

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