This media is not supported in your browser
VIEW IN TELEGRAM
Если пропустил, Google выкатил Gemini CLI — AI-агента, который тащит Gemini прямо в твой терминал 🔥
Используйте его :
- как кодинг-ассистента
- автоматизировать задачи
- генерировать видео и картинки и не только
@WebDev_Plus
Используйте его :
- как кодинг-ассистента
- автоматизировать задачи
- генерировать видео и картинки и не только
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4
This media is not supported in your browser
VIEW IN TELEGRAM
Ресурс для программистов, позволяющий создавать изометрические диаграммы вашей инфраструктуры или программного обеспечения.
Открытый исходный код: https://github.com/stan-smith/FossFLOW
@WebDev_Plus
Открытый исходный код: https://github.com/stan-smith/FossFLOW
@WebDev_Plus
❤7
Хочешь рассылать массовые письма с сайта или приложения?
Этот сервер open source и полностью бесплатный.
✓ Отправка без лимитов и без оплаты
✓ Статистика открытий, кликов и возвратов
✓ Работает с AWS SES, Mailgun и другими SMTP
→ http://github.com/aaPanel/BillionMail
@WebDev_Plus
Этот сервер open source и полностью бесплатный.
✓ Отправка без лимитов и без оплаты
✓ Статистика открытий, кликов и возвратов
✓ Работает с AWS SES, Mailgun и другими SMTP
→ http://github.com/aaPanel/BillionMail
@WebDev_Plus
❤4
This media is not supported in your browser
VIEW IN TELEGRAM
Лучший ресурс по паттернам проектирования в JavaScript.
С кейсами для React, Vue, Angular, TypeScript
Бесплатно, с упражнениями и пошаговыми примерами: https://www.patterns.dev/
@WebDev_Plus
С кейсами для React, Vue, Angular, TypeScript
Бесплатно, с упражнениями и пошаговыми примерами: https://www.patterns.dev/
@WebDev_Plus
👍5❤2
This media is not supported in your browser
VIEW IN TELEGRAM
Отличный ресурс для дизайнеров и разработчиков: больше 6000 бесплатных 3D-иконок, доступных для личного и коммерческого использования > https://www.thiings.co/things
@WebDev_Plus
@WebDev_Plus
❤4😁1
This media is not supported in your browser
VIEW IN TELEGRAM
Отличный каталог UI компонентов. Основан на shadcn, но не требует React.
Подходит для любого стека. Angular, Vue, React, Astro. Настраивается через Tailwind.
@WebDev_Plus
Подходит для любого стека. Angular, Vue, React, Astro. Настраивается через Tailwind.
npm install basecoat-css
@WebDev_Plus
❤5❤🔥1
image_2025-08-22_10-28-05.png
808.9 KB
Дорожная карта JavaScript
Вы можете найти все туторы здесь - https://learnify.shefali.dev/tutorials/category/javascript
@WebDev_Plus
Вы можете найти все туторы здесь - https://learnify.shefali.dev/tutorials/category/javascript
@WebDev_Plus
🔥6❤3
This media is not supported in your browser
VIEW IN TELEGRAM
Это реально крутой инструмент для CSS-разработчиков
Найдите сотни стильных CSS-паттернов и фонов, полностью бесплатных. Просто скопируйте код и сразу используйте в своих проектах.
Идеально для:
- создания ярких hero-секций
- разработки современных дашбордов и приложений
- улучшения портфолио с акцентом на дизайн
С этим ваши проекты реально будут выделяться :)
Источник: patterncraft.fun
@WebDev_Plus
Найдите сотни стильных CSS-паттернов и фонов, полностью бесплатных. Просто скопируйте код и сразу используйте в своих проектах.
Идеально для:
- создания ярких hero-секций
- разработки современных дашбордов и приложений
- улучшения портфолио с акцентом на дизайн
С этим ваши проекты реально будут выделяться :)
Источник: patterncraft.fun
@WebDev_Plus
👍4🤔1
Люди до сих пор качают старое расширение Rainbow Braces для Visual Studio, но это больше не нужно — эта функция уже встроена. 🎉
Просто откройте Tools → Options → Text Editor → General и включите опцию "Enable brace pair colorization".
Цветные пары скобок помогают быстрее ориентироваться в коде, особенно если вложенность большая. Меньше путаницы, меньше ошибок.
@WebDev_Plus
Просто откройте Tools → Options → Text Editor → General и включите опцию "Enable brace pair colorization".
Цветные пары скобок помогают быстрее ориентироваться в коде, особенно если вложенность большая. Меньше путаницы, меньше ошибок.
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7
15 публичных API для фронтенд-проекта
- OpenWeatherMap API
- Genderize .io
- Open Food Facts
- Slack API
- PayPal API
- Trello API
- NASA API
- GitHub API
- Stripe API
- Reddit API
- Twilio API
- Shopify API
- OneDrive API
- Dropbox API
- VirusTotal API
@WebDev_Plus
- OpenWeatherMap API
- Genderize .io
- Open Food Facts
- Slack API
- PayPal API
- Trello API
- NASA API
- GitHub API
- Stripe API
- Reddit API
- Twilio API
- Shopify API
- OneDrive API
- Dropbox API
- VirusTotal API
@WebDev_Plus
👎5❤4
This media is not supported in your browser
VIEW IN TELEGRAM
Создай README, который выделит твой проект.
Используй этот редактор, чтобы быстро настроить и добавить все нужные разделы в репозиторий.
→ http://readme.so/es/editor
@WebDev_Plus
Используй этот редактор, чтобы быстро настроить и добавить все нужные разделы в репозиторий.
→ http://readme.so/es/editor
@WebDev_Plus
❤4
This media is not supported in your browser
VIEW IN TELEGRAM
Большое обновление для CSS-разработчиков
Теперь можно проверять совместимость через
Если вдруг не в курсе,
- проверки совместимости прямо из терминала
- работает офлайн, без подключения к интернету
- ускоряет разработку и отладку
Больше никакого переключения вкладок✏️
Установить можно отсюда : https://github.com/bramus/caniuse-cli
@WebDev_Plus
Теперь можно проверять совместимость через
Can I Use прямо в терминале с помощью caniuse-cli. Не нужно открывать браузер, и оно работает офлайн без интернета.Если вдруг не в курсе,
Can I Use это основной инструмент для проверки поддержки CSS, HTML и JavaScript в браузерах.- проверки совместимости прямо из терминала
- работает офлайн, без подключения к интернету
- ускоряет разработку и отладку
Больше никакого переключения вкладок
Установить можно отсюда : https://github.com/bramus/caniuse-cli
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👍2
Кажется, я наконец нашёл иконки файлов для VS Code, которые мне нравятся.
https://marketplace.visualstudio.com/items?itemName=thang-nm.flow-icons
@WebDev_Plus
https://marketplace.visualstudio.com/items?itemName=thang-nm.flow-icons
@WebDev_Plus
❤7🔥2
Топ-10 браузерных расширений для разработчиков
@WebDev_Plus
🔴 JSON Formatter
Форматирует JSON в дерево, удобно читать данные API.🔴 Wappalyzer
Позволяет увидеть, какие технологии использует сайт.🔴 Fake Filler
Автоматически заполняет формы фейковыми данными, ускоряя тестирование.🔴 Clear Cache
Быстро очищает кэш браузера для проверки новых версий сайта.🔴 Talend API Tester
Дает возможность визуально работать с API и тестировать их.🔴 Focus To-Do
Повышает продуктивность, отслеживая задачи с таймером Pomodoro.🔴 Lighthouse
Позволяет быстро проверить производительность и доступность сайта.🔴 Cookie Editor
Позволяет быстро создавать, редактировать и удалять куки для тестов и отладки.🔴 Web Developer
Добавляет дополнительные инструменты для инспекции и отладки сайта.🔴 Dark Reader
Переводит сайты в тёмную тему, снижая нагрузку на глаза.
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Инструмент, который наглядно показывает, как движок JavaScript выполняет твой код.
Есть пошаговая визуализация и таймлайн выполнения - просто тянешь за угол экрана.
Жаль, что у меня такого не было, когда я начинал учить JS. Это сильно помогает понять, что происходит «под капотом».
Источник: jsviz.klve.nl
@WebDev_Plus
Есть пошаговая визуализация и таймлайн выполнения - просто тянешь за угол экрана.
Жаль, что у меня такого не было, когда я начинал учить JS. Это сильно помогает понять, что происходит «под капотом».
Источник: jsviz.klve.nl
@WebDev_Plus
❤6
La Liga блокирует сайты, которые используют Cloudflare, но их собственная антипиратская страница работает через CDN Cloudflare. 🤡
@WebDev_Plus
@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
Бесплатный AI-инструмент от Google теперь в NotebookLM умеет делать из любой статьи или ссылки полноценный видео-туториал.
Раньше были только текстовые конспекты и аудио, теперь — видео-объяснения за секунды.
Я протестил на статье про JavaScript-функции с MDN — получилось готовое видео.
Образование станет проще и доступнее :)
@WebDev_Plus
Раньше были только текстовые конспекты и аудио, теперь — видео-объяснения за секунды.
Я протестил на статье про JavaScript-функции с MDN — получилось готовое видео.
Образование станет проще и доступнее :)
@WebDev_Plus
❤4🔥4