TGViewer
Channel Public Channel
WebDev+ | Веб-разработка

WebDev+ | Веб-разработка

@webdev_plus

Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки

Связь: @devmangx
Subscribers
7.96K
Photos
658
Videos
297
Links
815

Showing posts older than #638 · Back to latest

Older Posts 20 shown
Post #636 1.43K
Хочешь добавить эффектные компоненты в стиле neobrutalism в свои фронтенд-проекты?

Эта open-source UI-библиотека предлагает смелый и уникальный дизайн, который сразу выделит твой проект среди остальных

neobrutalism.dev

@WebDev_Plus
Post #635 1.53K
200+ ресурсов для веб-разработки в одном месте:

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

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

@WebDev_Plus
Post #634 1.55K
Хочешь оптимизировать изображения для своего сайта или приложения?

Тебе нужен этот новый бесплатный ресурс для разработчиков

✓ Преобразует в JPG, WEBP, AVIF и JXL
✓ Уменьшает размер изображений до 98%

→ imgto․xyz

Вот пример: с 3MB PNG до 60KB в AVIF

@WebDev_Plus
Post #633 1.61K
Коллекция бесплатных шаблонов для вашего сайта

1500+ шаблонов для всего:

– лендинги, портфолио, блоги
– Tailwind, React, Next.js, Laravel
– даже админки и магазины есть

> http://htmlrev.com

@WebDev_Plus
Post #632 1.56K
Эта демка на Three.js от Renault — просто взрыв мозга

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

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

@WebDev_Plus
Post #631 1.59K
Возможно, это самое безумное, что сделали на JavaScript 🤯

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

@WebDev_Plus
Post #628 1.59K
Следующий уровень вдохновения для веб-интерактивов 💥

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

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

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

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

@WebDev_Plus
Post #627 1.47K
Эта open-source библиотека на Tailwind предлагает красиво оформленные, готовые к использованию компоненты, специально созданные для AI- и GPT-приложений

> http://langui.dev

@WebDev_Plus
Post #626 1.45K
Я вижу, как многие основатели всё ещё строят приложения так же, как и до появления ИИ.

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

Почему?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@WebDev_Plus
Post #625 1.71K
Нужны крутые CSS-загрузчики для веб-проекта?

Бери эту библиотеку — огромная коллекция анимаций, сделанных только на CSS, без JS и SVG.
Чисто, просто и красиво — идеально для сплэш-экранов, загрузок и placeholder’ов.

Варианты на любой вкус: спиннеры, полосы, точки, волны и т.п.

> http://cssloaders.github.io

@WebDev_Plus
Post #624 1.43K
Обожаю, когда люди делают креативные штуки для веба

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

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

> http://thatjustinjones.com/tinpong 😎

@WebDev_Plus
Post #623 1.71K
Хочешь добавить анимации на свой сайт?

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

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

→ http://animista.net

@WebDev_Plus
Post #622 1.73K
Нужно отправлять массовые email-рассылки с сайта или приложения?

Этот сервер — бесплатный и с открытым исходным кодом

✓ Неограниченные отправки без затрат
✓ Метрики открытий, кликов и отказов
✓ Совместим с AWS SES, Mailgun и любым SMTP

> https://github.com/aaPanel/BillionMail

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

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


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

@WebDev_Plus
Post #620 1.59K
Проблема: хочу убедиться, что switch охватывает все возможные варианты.

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

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

@WebDev_Plus
Post #618 1.66K
Ищешь вдохновение для создания портфолио как разработчик или дизайнер?

Вот сайт, где собраны десятки крутых примеров портфолио — всё стильно, креативно и с отличными идеями

> https://pafolios.com/

Идеально, чтобы зарядиться визуалами и фишками перед разработкой своего сайта.

@WebDev_Plus
Post #617 1.66K
В CSS добавили функцию if для создания условных конструкций, уже доступно в Chrome 137

Ещё из интересного — завезли reading-flow и reading-order. Теперь можно управлять таб-навигацией в flex и grid без костылей. Это решает старую проблему в макетах, когда порядок фокуса может не совпадать с визуальным расположением элементов

Подробнее: https://developer.chrome.com/blog/new-in-chrome-137

@WebDev_Plus
Post #616 1.82K
Хочешь добавить крутые анимированные иконки на сайт или в приложение?

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

👉 https://useanimations.com/

@WebDev_Plus
Post #611 2.26K
5 шпаргалок для веб-разработчиков

@WebDev_Plus
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →