WebDev+ | Веб-разработка
8.32K subscribers
505 photos
241 videos
10 files
700 links
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки

Связь: @devmangx
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Эта open-source библиотека на Tailwind предлагает красиво оформленные, готовые к использованию компоненты, специально созданные для AI- и GPT-приложений

> http://langui.dev

@WebDev_Plus
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
Следующий уровень вдохновения для веб-интерактивов 💥

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

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

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

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

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6💯3
This media is not supported in your browser
VIEW IN TELEGRAM
Если ты используешь Tailwind CSS, то эта шпаргалка — настоящая находка. Она сэкономит кучу времени и нервов

> https://flowbite.com/tools/tailwind-cheat-sheet/

@WebDev_Plus
3🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Возможно, это самое безумное, что сделали на JavaScript 🤯

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

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
Эта демка на Three.js от Renault — просто взрыв мозга

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

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

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
7👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Коллекция бесплатных шаблонов для вашего сайта

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

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

> http://htmlrev.com

@WebDev_Plus
6
This media is not supported in your browser
VIEW IN TELEGRAM
Хочешь оптимизировать изображения для своего сайта или приложения?

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

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

imgto․xyz

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

@WebDev_Plus
👍6🔥3
200+ ресурсов для веб-разработки в одном месте:

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

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

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
7
This media is not supported in your browser
VIEW IN TELEGRAM
Хочешь добавить эффектные компоненты в стиле neobrutalism в свои фронтенд-проекты?

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

neobrutalism.dev

@WebDev_Plus
8
This media is not supported in your browser
VIEW IN TELEGRAM
Хочешь реализовать drag & drop в веб-приложении?

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

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

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
8
This media is not supported in your browser
VIEW IN TELEGRAM
Тёмная тема без media queries в CSS

С новым методом light-dark() можно загружать разные цвета в зависимости от темы (светлой или тёмной) — без использования @media (prefers-color-scheme)

@WebDev_Plus
7🔥4👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Этот сайт — настоящая находка для веб-разработчиков

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

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

> https://snipzy.dev/

➡️ @byFrontDeveloper
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔3
This media is not supported in your browser
VIEW IN TELEGRAM
Новая коллекция бесплатных иконок для вашего сайта

+440 иконок с открытым исходным кодом в 2 стилях.

Доступны в SVG и для Figma:

http://glowui.com/icons

@WebDev_Plus
5👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Если открыть DevTools (правый клик → Inspect), а затем зажать кнопку обновления, появится опция: "Empty Cache and Hard Reload"

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

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

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍75
This media is not supported in your browser
VIEW IN TELEGRAM
Создавай сайты быстрее с этой коллекцией UI-компонентов для копирования и вставки.

Поддержка React, Angular, Vue, Svelte и других

Основаны на Tailwind, легко кастомизируются

http://layoutsfortailwind.lalokalabs.dev

@WebDev_Plus
4
Существуют различные этапы выполнения JavaScript — как в браузере, так и в средах, таких как Node.

Код JS не может быть выполнен, пока не будет разобран в абстрактное синтаксическое дерево (AST). Однако стратегия разбора может повлиять на производительность — решающую роль играет ленивый (lazy) и нетерпеливый (eager) парсинг.

Узнайте, как движок V8 обрабатывает режимы ленивого и нетерпеливого парсинга и как они влияют на работу приложения:

👉 Заранее предупреждаем V8: более быстрый запуск JavaScript с помощью явных подсказок компиляции
https://v8.dev/blog/explicit-compile-hints

👉 Молниеносный парсинг, часть 1: оптимизация сканера
https://v8.dev/blog/scanner

👉 Молниеносный парсинг, часть 2: ленивый парсинг (lazy parsing)
v8.dev/blog/preparser

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
5👍2🔥2
Лучшая бесплатная и open-source библиотека для добавления аутентификации на твой сайт.

Поддерживает React, Vue, Astro, Next.js, Nuxt и другие.

$ npm install better-auth


@WebDev_Plus
👍6🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Хочешь добавить интерфейс, похожий на терминал, в свои веб-приложения?

Эта библиотека JavaScript позволяет создать полнофункциональный и настраиваемый UI терминала прямо в браузере.

🔗 : termo.rajnandan.com

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥82👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Изучаешь веб-разработку?

Обрати внимание на Learnify — простую и лаконичную платформу с обучающими материалами.

Пошаговые уроки с примерами помогут понять и создать рабочие проекты.

@WebDev_Plus
👍42