FrontEndDev
28.4K subscribers
2.27K photos
22 videos
7.48K links
🚀 Статьи, новости, туториалы по frontend разработке.

https://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee

Реклама: https://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
Browserslist теперь напрямую поддерживает запросы Baseline, упрощая таргетирование возможностей браузеров

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

https://web.dev/blog/browserslist-supports-baseline?hl=en
🔥82👍1
Амбиентные анимации в веб дизайне: принципы и реализация


Амбиентные анимации это тонкие, медленные детали, которые создают атмосферу, не перетягивая внимание на себя. Они делают дизайн живым и интересным.

https://smashingmagazine.com/2025/09/ambient-animations-web-design-principles-implementation/
🔥7👍3❤‍🔥21
Представлен Chrome DevTools MCP для взаимодействия с браузером

Теперь AI-ассистенты могут видеть и взаимодействовать с браузером: они могут запускать код, инспектировать страницу, диагностировать ошибки и отлаживать веб-приложения. Подробнее в статье Эдди Османи.

https://addyosmani.com/blog/devtools-mcp/
❤‍🔥11🔥2
Воссоздание анимации кнопки Google Gemini с помощью CSS

В статье подробно показано, как с нуля реализовать интерактивный эффект кнопки, используя функции CSS shape() и clip-path для создания морфирующих геометрических форм.

https://css-tricks.com/recreating-gmails-google-gemini-animation
6🔥2
Вам может пригодиться useSyncExternalStore

Разбираем распространённый паттерн — useEffect + useState + подписка, который может приводить к «миганию» интерфейса, особенно при серверном рендеринге. Посмотрим, как вместо этого использовать useSyncExternalStore, который обеспечивает синхронное чтение внешнего состояния и предотвращает лишние повторные рендеры и рассинхронизации.

https://swizec.com/blog/you-may-be-looking-for-a-useSyncExternalStore/
👍7🔥2🤣1