Хочешь добавить крутые анимированные иконки на сайт или в приложение?

Эта библиотека — сборник красивых и лёгких анимаций Lottie, которые можно сразу вставлять в проект.

👉 https://useanimations.com/

@WebDev_Plus

Проблема: хочу убедиться, что switch охватывает все возможные варианты.

✅Решение: использовать тип never в TypeScript.

Вот как это делается

@WebDev_Plus

Фронтенд-сервер разработки Bun получит поддержку "автоматических рабочих пространств" в Chrome DevTools — теперь можно редактировать файлы прямо в браузере

В целях безопасности эта функция включается только при активном hot reloading и если адрес сокета — 127.0.0.1 или ::1 (локальная машина).

Подробнее об автоматических рабочих пространствах читай здесь: читать 👅

@WebDev_Plus

Хочешь добавить анимации на свой сайт?

Animista сгенерирует CSS для множества эффектов.

Настраивай — и просто копируй код 💰

→ http://animista.net

@WebDev_Plus

Обожаю, когда люди делают креативные штуки для веба

Вот отличный пример — ретро-игра Pong.

Весёлая, необычная и полностью сделана на веб

> http://thatjustinjones.com/tinpong 😎

@WebDev_Plus

Я вижу, как многие основатели всё ещё строят приложения так же, как и до появления ИИ.

Но если они не адаптируются — упустят возможности.

Почему?

Потому что способ взаимодействия с компьютерами фундаментально меняется.

Раньше интерфейсы были нужны, чтобы объяснять компьютерам, чего мы хотим — кнопки, экраны, пошаговые потоки. Компьютеры не понимали нас.

Но в эпоху ИИ это перестаёт быть актуальным. Нам нужно переосмыслить само взаимодействие человека с машиной.

ИИ уже отлично понимает намерения. Он может предсказать, чего мы хотим, даже до того, как мы это скажем. Он быстрее любого человека и может вести себя почти как вы — если дать нужный контекст.

Это радикально меняет подход к интерфейсам и продуктам.

Возьмём приложение для доставки еды. Сейчас нужно сделать 10+ действий: пролистать, отфильтровать, выбрать, кастомизировать, ввести данные, выбрать оплату…

Слишком сложно для такой простой задачи.

А теперь представим AI-first флоу:

> ИИ уже знает ваши предпочтения и ограничения по питанию
> Оплата заранее настроена
> Он предлагает лучший вариант именно для вас, прямо сейчас
> Вы просто нажимаете одну кнопку или говорите "Поехали"

Финальное подтверждение — всё ещё за вами (пока), но остальное — автоматом.

В итоге UI большинства сервисных приложений станет ненужным.
Когда ИИ знает, кто вы и как вы думаете — традиционный интерфейс не нужен. По крайней мере, в привычной форме.

Мы идём от приложений с 10 экранами — к одному.
От перегруженного UI — к минимальным триггерам.
Чем умнее система — тем меньше нужен интерфейс.
В будущем лучший UI — это отсутствие UI.

И чем раньше вы начнёте это учитывать — тем лучше.

Spotify уже движется в эту сторону: чем больше я им пользуюсь, тем меньше ищу. Интерфейс всё ещё есть, но он опционален.

Так что, думая о дизайне, задайте себе вопрос:

> Какие элементы действительно необходимы?
> А что можно свести к минимуму?

Чем меньше — тем лучше. Сейчас это актуально как никогда.

Интерфейсы не исчезнут.
Они просто станут невидимыми. 😎

@WebDev_Plus

Следующий уровень вдохновения для веб-интерактивов 💥

Нашёл безумно крутую подборку для вдохновения по веб-интеракциям.

Web Interactions Gallery — это тщательно отобранная коллекция лучших веб-моментов:|

от плавных эффектов прокрутки до стильных состояний наведения и бесшовных переходов между страницами.

Идеально для тех, кто хочет прокачать микроанимации и пользовательский опыт

@WebDev_Plus

Возможно, это самое безумное, что сделали на JavaScript 🤯

Summer Afternoon — потрясающий веб-эксперимент на Three.js, который передаёт уютную, ностальгическую атмосферу летнего детства

@WebDev_Plus

Эта демка на Three.js от Renault — просто взрыв мозга

Так круто они продвигают свою машину, что невозможно оторваться.

Глянь сам: https://renaultespace.littleworkshop.fr/ 💩

@WebDev_Plus

200+ ресурсов для веб-разработки в одном месте:

→ Платформы для обучения
→ Анимации и эффекты
→ UI-библиотеки
→ Поиск работы
→ Хостинг и деплой
→ Инструменты для разработчиков
...и многое другое 😶

> https://web-dev-resources.com/list/#/

@WebDev_Plus