BubbleDev
1.42K subscribers
355 photos
90 videos
6 files
267 links
Мастерская цифрового контента.

Автор: @mr_shpepe

Буст канала: https://t.me/boost/Dev_Bubble
Download Telegram
🛡 ГИГИЕНА РАЗРАБОТЧИКА: 3 ИНСТРУМЕНТА ДЛЯ БЕЗОПАСНОСТИ

Собрал три ресурса для аудита браузерных расширений, защиты серверов на Node.js и проверки репозиториев GitHub.

1️⃣ ExtSentry — База скомпрометированных расширений
Сервис содержит список браузерных дополнений, замеченных в краже данных, мошенничестве или перехвате запросов. Многие из них могут долго работать без подозрений, активируя вредоносные функции спустя месяцы после установки.

⚠️ Также есть отдельный перечень «чувствительных» расширений (криптокошельки и менеджеры паролей), которые требуют особого внимания.


2️⃣ Pompelmi — Щит для вашего Node.js сервера
Инструмент для проверки файлов на вирусы и подозрительное содержимое до их сохранения на сервере. Актуально для проектов, где пользователи могут загружать контент (фото, архивы, PDF).

👨‍💻 Совместимость: Express, Next.js, NestJS, Fastify, Koa. Работает локально, без использования внешних API.


3️⃣ OSM Eye — Аудит репозиториев GitHub
Браузерное расширение (Chrome, Edge, Brave), которое автоматически сверяет открытые страницы репозиториев с базой угроз OpenSourceMalware.

🖥 При посещении страницы проекта инструмент показывает статус безопасности (от Low до Critical). На данный момент доступна только ручная установка из репозитория. разработчика.


❤️ — если было полезно
Please open Telegram to view this post
VIEW IN TELEGRAM
14👍1🐳1
This media is not supported in your browser
VIEW IN TELEGRAM
🤖 Google обновил Gemini — теперь нейронка может объяснять сложные концепции через интерактивные графики и диаграммы. Это работает прямо в окне чата и доступно всем пользователям.

✏️ Чтобы активировать фичу, достаточно использовать в запросе фразы «show me» или «help me visualize». После генерации визуализации можно менять параметры и изучать материал в динамике.


🏃‍♂️ Бежим пробовать — ТУТ
Please open Telegram to view this post
VIEW IN TELEGRAM
10👍1🐳1
Media is too big
VIEW IN TELEGRAM
🧠 CLICKY — ПЕРСОНАЛЬНЫЙ ИИ-НАСТАВНИК

На GitHub стремительно набирает популярность новый опенсорс-проект. Это ИИ-ассистент, который в реальном времени видит ваш экран и голосом помогает разобраться в сложных программах или процессах. Всего за два дня проект собрал более ⭐️ 3 тысяч звезд, и, судя по всему, это только начало.

Clicky работает как живой ментор: он буквально указывает на нужные кнопки и ведет вас по шагам к цели. Это идеальное решение для джунов или тех, кто впервые открыл тяжелый софт вроде DaVinci Resolve.

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


👨‍💻 GitHub — ТУТ
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
👁 ЧТО ТАКОЕ SYNTH ID?

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

SynthID — это обязательный слой защиты для всех моделей Gemini, через который прошло уже более 10 миллиардов картинок, созданных пользователями. Каждая работа, сгенерированная в 🍌 Nano Banana, получает скрытую маркировку.

Технология, созданная 🕸 Google DeepMind для борьбы с дипфейками: специальные инструменты позволяют точно подтвердить, что файл создан нейросетью.

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

ПРИНЦИП РАБОТЫ
🔽 В отличие от классических водяных знаков, SynthID встраивает метку прямо в изображение. Визуально она никак не проявляется, поэтому картинка выглядит стандартно.

👁 По задумке Google, такая защита должна быть максимально стойкой и сохраняться даже после серьезного редактирования: обрезки кадра, изменения разрешения или сильной цветокоррекции.


🚨 ПРОБЛЕМЫ
➡️ Один студент для своей научной работы провел эксперимент: он заставил нейронку генерировать сотни пустых черных и белых квадратов. Это позволило полностью убрать визуальный шум на картинке и затем провести спектральный анализ изображения.

😕 Выяснилось, что в 99% случаев Google просто накладывает один и тот же стандартный паттерн вместо уникальной динамической метки.


Сейчас на 👨‍💻 GitHub уже есть репозитории, которые позволяют удалить эту защиту за пару секунд без потери качества самого изображения. Иронично, что одним из контрибьюторов в таких проектах часто выступает 🤖 Claude.

❤️ — если узнали что-то новое
Please open Telegram to view this post
VIEW IN TELEGRAM
8👍3🐳1
🔮 ИДЕАЛЬНОЕ УДАЛЕНИЕ ФОНА ОТ ADOBE

📱 Adobe обновили нейронку в Adobe Express. Теперь удаление фона работает практически безупречно, а сам инструмент всё ещё остается доступным прямо в браузере.

Помимо работы с фоном, там теперь доступен целый набор функций:
🔽 Вы можете удалять или добавлять конкретные объекты на фото;
🔽 Апскейл изображения до высокого разрешения;
🔽 Перевод текста на картинках на другой язык, при этом сервис автоматически сохранит оригинальный шрифт;
🔽 Если нужное изображение защищено авторским правом, сервис может мгновенно сгенерировать похожий вариант на его основе.


🆓 Весь этот функционал доступен бесплатно.

🔗 Тестим — ТУТ
Please open Telegram to view this post
VIEW IN TELEGRAM
5👍1🐳1
🤖 ГОТОВЫЕ СЦЕНАРИИ ДЛЯ CODEX

OpenAI выкатили библиотеку с 24 готовыми воркфлоу для тех, кто хочет выжать максимум из Codex. Внутри собрали всё необходимое: промпты, подробные руководства, плагины и скиллы. Библиотека охватывает самые частые задачи — от глубокого рефакторинга кода до сборки интерфейсов и аналитики. 📊

➡️ Готовый набор инструментов, который значительно упрощает жизнь разработчика и помогает быстрее онбордить новичков в проект. Весь этот архив доступен совершенно бесплатно, так что можно просто брать и внедрять проверенные сценарии в свою работу прямо сейчас.

⚡️ Пробуем — ТУТ
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥42👍1🐳1
📱 WEB-TO-APP: ЛЮБОЙ САЙТ В APK ЗА ПАРУ МИНУТ

Опенсорсный инструмент для тех, кому нужно быстро превратить веб-страницу в полноценное 📱 Android-приложение.

Web-to-app позволяет собрать APK-файл из обычного URL-адреса, при этом вам не придется устанавливать тяжелую Android Studio или настраивать среду сборки с нуля.

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


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

👨‍💻 GitHub — ТУТ
Please open Telegram to view this post
VIEW IN TELEGRAM
7👍2🐳1
🌙 ATMOS — РЕШЕНИЕ ПРОБЛЕМЫ С БЕССОННИЦЕЙ

🇯🇵 Японский разработчик нашел способ справиться с бессонницей, создав приложение Atmos. Основная проблема стандартных сервисов с фоновыми шумами заключается в том, что мозг при СДВГ слишком быстро улавливает циклические повторения в звуке. Вместо того чтобы расслабиться, человек начинает концентрироваться на петле, что вызывает раздражение и мешает заснуть.

🎶 Вместо использования готовых записей приложение генерирует музыку в реальном времени. Это создает бесконечный и уникальный звуковой поток, который никогда не повторяется, помогая мозгу расслабиться и не отвлекаться на узнаваемые паттерны.


🤔 Из интересных особенностей — синхронизация с погодой: приложение считывает данные вашей геолокации и автоматически подстраивает фон под звуки дождя, ветра или снега, которые происходят за окном в данный момент.

📱 Тестим — App Store
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
6🥰1🐳1
💻 NVIDIA BUILD: БЕСПЛАТНЫЕ SERVERLESS API ДЛЯ РАЗРАБОТКИ

Если нужно быстро добавить AI-функции в проект без настройки собственных серверов и видеокарт, NVIDIA Build — один из самых быстрых способов. Платформа предоставляет доступ к оптимизированным моделям (NIM) через готовые API.

⤵️ Почему это удобно:
➡️ Serverless: Не нужно думать об инфраструктуре — просто подключите API-ключ.

➡️ Скорость: Модели уже оптимизированы под железо NVIDIA и работают максимально быстро.

➡️ Прототипирование: Подходит для проверки гипотез и сборки MVP за пару часов перед полноценной разработкой.


⚙️ Что можно внедрить:
🔽 AI-ассистенты: Создание чат-ботов для поддержки и ответов на FAQ прямо на сайте.

🔽 RAG-поиск: Модель будет отвечать не общими фразами, а опираясь на ваши конкретные документы, базу знаний или статьи.

🔽 Распознавание текста (OCR): Извлечение данных из PDF, сканов и изображений для автоматизации документооборота.

🔽 Работа с голосом: Транскрибация созвонов, подкастов или создание голосовых интерфейсов в реальном времени.

🔽 Генерация кода и медиа: Инструменты для автодополнения кода и создания изображений под ваши задачи.


🔑 Это отличный способ перестать просто «общаться» с нейросетями и начать использовать их как рабочий компонент в своем продукте.

🔗 Модели — ТУТ
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
7👍1🐳1
🛡 ШПАРГАЛКА ПО ЦИФРОВОЙ ГИГИЕНЕ

Помимо маст-хэв базы в виде VPN и двухфакторки, бывают ситуации, когда нужно быстро проверить файл или зарегистрироваться на сомнительном ресурсе. Собрал подборку проверенных инструментов, которые помогут сохранить приватность и не «словить» вирус.

1⃣ Генератор тестовых карт
Если сайт требует привязать карту для бесплатного пробного периода, а вы ему не доверяете — никогда не светите реальные данные. Используйте генератор и валидатор тестовых номеров. Этого достаточно, чтобы пройти проверку системы, не рискуя своими деньгами.

💳 NEAPay


2⃣ Прием SMS онлайн
Сервис для регистрации на одноразовых ресурсах, где не хочется светить личный номер телефона. Выбираете публичный номер, получаете на него код и забываете про аккаунт. Бесплатно и без регистрации на самом сервисе.

💬 Receive SMS


3⃣ Временная почта
Генератор временных почтовых ящиков для защиты от спама и утечек данных. Главная фишка этого сервиса — он позволяет создавать адреса на доменах Gmail и Outlook, которые принимаются практически любыми сайтами.

📩 Smailpro


4⃣ Облачная песочница для файлов
Если скачанный файл кажется подозрительным, не запускайте его на своем компьютере. Загрузите его в Triage. Это бесплатная песочница, где можно выбрать нужную ОС (Windows, Linux, Android, macOS) и удаленно посмотреть, как ведет себя программа при запуске.

🐹 Triage


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

🌐 Browserling


❤️ — если было полезно
Please open Telegram to view this post
VIEW IN TELEGRAM
23👍2🐳1
🤓 REACT-РАЗРАБОТЧИКАМ

Собрал три интересных инструмента, которые помогут упростить работу с картами, медиа-файлами и PDF-документами в ваших React-проектах. Все проекты бесплатные и с открытым исходным кодом.

🗺 Mapcn.dev
Если вам нужно быстро встроить карту в интерфейс, это отличная библиотека готовых React-компонентов. Вместо того чтобы писать логику карт с нуля, вы получаете набор стильных и легко настраиваемых блоков.

🗺 Построена на базе MapLibre и Tailwind CSS.


📼 Takumi
Превращает ваши компоненты в статические картинки, GIF или даже видеокадры. Полная поддержка CSS-анимаций, Flexbox и Grid. Идеально подходит для автоматической генерации превью, баннеров или динамического контента на бэкенде.

Работает на Rust, не требует браузера для рендеринга.


😬 PDFX
Библиотека для тех, кто устал от мучений с версткой PDF-документов. Работает по принципу «copy-paste»: вы просто копируете нужный компонент в свой проект и полностью владеете его кодом.

🧑‍💻 Есть удобный CLI, поддержка тем и полная типизация (TypeScript).
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥63👍2
🔖 ЧТО В ЗАКЛАДКАХ У ФРОНТЕНДЕРОВ?

Решил собрать небольшую пачку сервисов, которые экономят время. Делюсь только тем, что сам закинул в избранное и периодически использую в работе.

🔔 One-Link Uptime
Добавляешь ссылку на свой сайт, а сервис начинает следить за тем, доступен ли он. В случае, если сайт вдруг упадет, тебе мгновенно придет уведомление в Telegram или Discord. Способ всегда держать руку на пульсе своих проектов без необходимости проверять их вручную.


📱 60fps.design
Коллекция премиум-анимаций и очень плавных эффектов, собранных из лучших мобильных приложений. Если вы находитесь в поиске свежих идей или просто хотите посмотреть на эталонный UI, место для вдохновения, где можно подсмотреть, как работают интерфейсы топовых брендов.


🎯 cta.gallery
Галерея самых красивых и эффективных призывов к действию (Call-to-Action). Здесь собрано много свежих вариантов, которые реально хорошо работают на практике и помогают повышать конверсию. Сайт подходит для поиска идей при создании лендингов или отдельных функциональных блоков.


💎 glass3d.dev
Инструмент для создания стильных 3D-стеклянных эффектов в стиле glassmorphism. Прямо в браузере настраиваешь нужные параметры и сразу получаешь готовый красивый CSS-код, который можно без лишних правок вставлять в свой проект.


🔥 — если полезно
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥64👍2🐳1
⚡️ ОБХОДИМ ОГРАНИЧЕНИЯ CLAUDE CODE 🤖

На GitHub появился прокси, позволяющий использовать Claude Code без платной подписки. Инструмент подменяет API и перенаправляет запросы на бесплатные или локальные ресурсы.

Как это работает:
🔽 Запросы уходят в NVIDIA NIM (~40 запросов/мин бесплатно), OpenRouter (100+ моделей) или локально через LM Studio и llama.cpp.

🔽 Все возможности агента сохранены — работа с файловой системой и выполнение задач доступны в полном объеме.


🙂 Отличная альтернатива ожидаемой платной подписке Claude Code за $100+.

👨‍💻 Репозиторий — ТУТ
Please open Telegram to view this post
VIEW IN TELEGRAM
8👍2🐳1
⭐️ DESIGN MD: СТАНДАРТ ДИЗАЙНА ДЛЯ AI-АГЕНТОВ

Энтузиасты запустили каталог с сотнями готовых файлов DESIGN.md. Теперь можно не описывать визуальные правила проекта с нуля, а просто выбрать подходящий стиль, посмотреть превью и забрать готовую спецификацию себе в репозиторий.

➡️ Вместо того чтобы угадывать намерения, агенты теперь могут точно знать, для чего предназначен конкретный цвет, и подтверждать свой выбор в соответствии с правилами доступности WCAG.


🔗 Каталог — ТУТ
Please open Telegram to view this post
VIEW IN TELEGRAM
👍62👎1🥰1