This media is not supported in your browser
VIEW IN TELEGRAM
Эта open-source библиотека на Tailwind предлагает красиво оформленные, готовые к использованию компоненты, специально созданные для AI- и GPT-приложений
> http://langui.dev
@WebDev_Plus
> http://langui.dev
@WebDev_Plus
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
Следующий уровень вдохновения для веб-интерактивов 💥
Нашёл безумно крутую подборку для вдохновения по веб-интеракциям.
Web Interactions Gallery — это тщательно отобранная коллекция лучших веб-моментов:|
от плавных эффектов прокрутки до стильных состояний наведения и бесшовных переходов между страницами.
Идеально для тех, кто хочет прокачать микроанимации и пользовательский опыт
@WebDev_Plus
Нашёл безумно крутую подборку для вдохновения по веб-интеракциям.
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
> 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
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
Так круто они продвигают свою машину, что невозможно оторваться.
Глянь сам: 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
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
Тебе нужен этот новый бесплатный ресурс для разработчиков
✓ Преобразует в 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
→ Платформы для обучения
→ Анимации и эффекты
→ 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
Эта open-source UI-библиотека предлагает смелый и уникальный дизайн, который сразу выделит твой проект среди остальных
neobrutalism.dev
@WebDev_Plus
❤8
This media is not supported in your browser
VIEW IN TELEGRAM
Хочешь реализовать drag & drop в веб-приложении?
Вот библиотека, проверенная временем и тысячами разработчиков — работает стабильно, легко внедряется и просто спасает.
Если хочешь добавить перетаскивание — это мастхэв🥇
@WebDev_Plus
Вот библиотека, проверенная временем и тысячами разработчиков — работает стабильно, легко внедряется и просто спасает.
Если хочешь добавить перетаскивание — это мастхэв
@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
С новым методом
@WebDev_Plus
С новым методом
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
Полон готовых к использованию фрагментов кода для впечатляющих UI-компонентов.
Просто скопируй код и вставь в свой проект.
> https://snipzy.dev/
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
+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), а затем зажать кнопку обновления, появится опция: "
Это очень удобный способ очистить кэш и принудительно загрузить последнюю версию сайта в браузере
Ставь лайк если полезно😎
@WebDev_Plus
Empty Cache and Hard Reload"Это очень удобный способ очистить кэш и принудительно загрузить последнюю версию сайта в браузере
Ставь лайк если полезно
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤5
This media is not supported in your browser
VIEW IN TELEGRAM
Создавай сайты быстрее с этой коллекцией UI-компонентов для копирования и вставки.
Поддержка React, Angular, Vue, Svelte и других
Основаны на Tailwind, легко кастомизируются
→ http://layoutsfortailwind.lalokalabs.dev
@WebDev_Plus
Поддержка 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
Код JS не может быть выполнен, пока не будет разобран в абстрактное синтаксическое дерево (AST). Однако стратегия разбора может повлиять на производительность — решающую роль играет ленивый (lazy) и нетерпеливый (eager) парсинг.
Узнайте, как движок V8 обрабатывает режимы ленивого и нетерпеливого парсинга и как они влияют на работу приложения:
https://v8.dev/blog/explicit-compile-hints
https://v8.dev/blog/scanner
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 и другие.
@WebDev_Plus
Поддерживает 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
Эта библиотека JavaScript позволяет создать полнофункциональный и настраиваемый UI терминала прямо в браузере.
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8❤2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Изучаешь веб-разработку?
Обрати внимание на Learnify — простую и лаконичную платформу с обучающими материалами.
Пошаговые уроки с примерами помогут понять и создать рабочие проекты.
@WebDev_Plus
Обрати внимание на Learnify — простую и лаконичную платформу с обучающими материалами.
Пошаговые уроки с примерами помогут понять и создать рабочие проекты.
@WebDev_Plus
👍4❤2