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

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

Хочешь реализовать drag & drop в веб-приложении?

Вот библиотека, проверенная временем и тысячами разработчиков — работает стабильно, легко внедряется и просто спасает.

Если хочешь добавить перетаскивание — это мастхэв 🥇

@WebDev_Plus

Этот сайт — настоящая находка для веб-разработчиков

Полон готовых к использованию фрагментов кода для впечатляющих UI-компонентов.

Просто скопируй код и вставь в свой проект. 😎

> https://snipzy.dev/

➡️ @byFrontDeveloper

Если открыть DevTools (правый клик → Inspect), а затем зажать кнопку обновления, появится опция: "Empty Cache and Hard Reload"

Это очень удобный способ очистить кэш и принудительно загрузить последнюю версию сайта в браузере

Ставь лайк если полезно 😎

@WebDev_Plus