Эта JS либа решает одну из больных тем для разработчиков

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

Если ты не в курсе: gauge (или спидометр) - это такие индикаторы в стиле спидометра, которые часто используют в дашбордах для отображения скорости, производительности или прогресса.

Простое, но мощное решение, чтобы сделать UI более интерактивным и живым ✌️

Забираем здесь

➡️ @FrontendPortal | #resourse

Полезная находка: npoint

Инструмент для мокинга публично доступных API-эндпоинтов, идеально подходит для получения несекретных данных.

Сайт здесь, а GitHub тут

➡️ @FrontendPortal | #resourse

Наткнулся на демку комбинации нового компонента React <ViewTransition> и Framer Motion. Эти штуки просто огонь 🤩

➡️ @FrontendPortal

Эта JS-либа позволяет добавлять на сайт спойлер-эффекты, такие же, как в Telegram 👀

Она называется Spoiler.js, и это очень прикольный способ оживить твой сайт

GitHub: spoilerjs

➡️ @FrontendPortal | #resourse

Библиотека Slim Select делает создание красивых, настраиваемых dropdown-меню с кучей фич и вариаций максимально простым. Поддерживается поиск, мультивыбор и многое другое

Отличная лёгкая альтернатива громоздким UI-фреймворкам ✌️

GitHub: slim-select

➡️ @FrontendPortal | #resourse

В CSS есть мощная фича — возможность анимировать элементы в зависимости от текущей позиции прокрутки. То, что раньше требовало сложного JS, теперь можно реализовать нативно в CSS 🤩

Создайте keyframes, как для обычных анимаций, но укажите режим view() или scroll().

Доступно множество параметров для настройки — подробнее в документации MDN по scroll-driven animations.

Полная поддержка во всех браузерах отсутствует. Этот пример работает в Chrome, для Firefox требуются доработки

Рабочий прототип с доп. свойствами для Firefox можно найти в CodePen

➡️ @FrontendPortal | #CSS