Набор CSS анимаций на все случаи жизни

Если хотите добавить анимацию, но не до конца понимаете, как она будет выглядеть, то вам поможет Animista.

Выбирайте из каталога, настраивайте параметры и сразу просматривайте результат. Гибкие настройки помогут адаптировать анимацию под ваши задачи и создать уникальные эффекты.

https://animista.net

➡️ @FrontendPortal | #resourse

Быстрый совет по CSS: Используйте ключевое слово CSS unset для сброса всех свойств к их унаследованным значениям, включая значения родителя и значения по умолчанию

Очень удобно использовать в качестве значения свойства all

➡️ @FrontendPortal | #CSS

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

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

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

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

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

➡️ @FrontendPortal | #resourse

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

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

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

➡️ @FrontendPortal | #resourse

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

➡️ @FrontendPortal

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

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

GitHub: spoilerjs

➡️ @FrontendPortal | #resourse