Полезная находка: 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

Забирай потрясающие анимированные mesh-градиенты

Этот ресурс содержит множество готовых анимированных mesh-градиентов в разных стилях.

Выберите понравившийся, скопируйте код и начинайте использовать в своих веб-проектах.

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

➡️ @FrontendPortal | #resourse

Вышел Vite 7.2

- Опция build.license
- Поддержка proxy и HTTP/2
- И другие новые фичи и фиксы

Полный список изменений: тут

➡️ @FrontendPortal