Browserslist теперь напрямую поддерживает запросы Baseline, упрощая таргетирование возможностей браузеров
Эта интеграция позволяет разработчикам легко настраивать поддержку функций на основе их доступности. Отдельный пакет
https://web.dev/blog/browserslist-supports-baseline?hl=en
Эта интеграция позволяет разработчикам легко настраивать поддержку функций на основе их доступности. Отдельный пакет
browserslist-config-baseline
больше не нужен, что упрощает конфигурацию проекта.https://web.dev/blog/browserslist-supports-baseline?hl=en
🔥8❤2👍1
Амбиентные анимации в веб дизайне: принципы и реализация
Амбиентные анимации это тонкие, медленные детали, которые создают атмосферу, не перетягивая внимание на себя. Они делают дизайн живым и интересным.
https://smashingmagazine.com/2025/09/ambient-animations-web-design-principles-implementation/
Амбиентные анимации это тонкие, медленные детали, которые создают атмосферу, не перетягивая внимание на себя. Они делают дизайн живым и интересным.
https://smashingmagazine.com/2025/09/ambient-animations-web-design-principles-implementation/
🔥7👍3❤🔥2❤1
Представлен Chrome DevTools MCP для взаимодействия с браузером
Теперь AI-ассистенты могут видеть и взаимодействовать с браузером: они могут запускать код, инспектировать страницу, диагностировать ошибки и отлаживать веб-приложения. Подробнее в статье Эдди Османи.
https://addyosmani.com/blog/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
В статье подробно показано, как с нуля реализовать интерактивный эффект кнопки, используя функции 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/
Разбираем распространённый паттерн — useEffect + useState + подписка, который может приводить к «миганию» интерфейса, особенно при серверном рендеринге. Посмотрим, как вместо этого использовать useSyncExternalStore, который обеспечивает синхронное чтение внешнего состояния и предотвращает лишние повторные рендеры и рассинхронизации.
https://swizec.com/blog/you-may-be-looking-for-a-useSyncExternalStore/
👍7🔥2🤣1