🎯 Browserable — открытый инструмент для автоматизации браузера с помощью AI-агентов.

Что делает:
• Управляет браузером как человек: переходит по сайтам, кликает, заполняет формы, вытаскивает данные.
• Достигает 90.4 % на тесте Web Voyager — один из лучших результатов среди подобных решений.
• Работает локально (self-hosted) или через удалённые браузеры.
• Запуск в 1 команду (`npx browserable`) или в полном окружении через Docker.
• В комплекте: админ-панель, REST API, JavaScript/TypeScript SDK, интеграция с LLM (OpenAI, Claude, Gemini и др.).

Зачем полезно:
— Автопарсинг и мониторинг сайтов
— Автоматизация тестирования веб-приложений
— Интеграция с агентами для сложных сценариев в интернете

GitHub: https://github.com/browserable/browserable

Сократите свой CSS-код с помощью :where()

Используйте псевдокласс-функцию :where(), когда нужно применить одинаковые стили к нескольким элементам, не беспокоясь о том, что порядок селекторов повлияет на специфичность правил. Это простой способ сделать CSS более предсказуемым и удобным для поддержки.


/* Without :where() */
.container > h1,
.container > .card h1,
.container > .card:last-child {
border: 2px solid red;
padding: 10px;
}

/* With :where() */
.container > :where(h1, .card .h1, .card:last-child) {
border: 2px solid red;
padding: 10px;
}

✍️ Шпаргалка по всем CSS-брейкпоинтам для веб разработчиков

➡️ Для мобильных устройств: до 480 пикселей

➡️ Для очень маленьких устройств: от 481 до 767 пикселей

➡️ Для маленьких планшетов: от 768 до 991 пикселей

➡️ Большие планшеты /ноутбуки: от 992 до 1199 пикселей

➡️ Настольные компьютеры: от 1200 до 1919 пикселей

➡️ Очень большие экраны: от 1920 пикселей и выше

🔥 Библиотека GeoAI.js теперь поддерживает Image Feature Extraction — поиск похожих объектов на спутниковых снимках.

Работает полностью локально в браузере благодаря Transformers.js.

👉 https://docs.geobase.app/geoai-live/tasks/image-feature-extraction

#gischat #javascript #geoai #transformersjs

color cycling воскресили на HTML5 Canvas.

КРутейшая, но забытая технология из 8-битной эпохи, когда видеокарты умели максимум в 256 цветов. Художник задавал палитру, а программист просто сдвигал её — и картинка оживала: вода текла, огонь горел, туман плыл. Ни анимации, ни альфы — один спрайт и картина готова.

Вообще, обыычно это выглядело как кислотный ад, но Марк Дж. Феррари (LucasArts, Loom, Monkey Island) сделал из трюка искусство: снег, дождь, океаны, облака, водопады — и всё это на плоской картинке.

В проекте — 35 оригинальных артов Феррари с атмосферным саундом. Можно залипнуть, а можно скачать движок и прикрутить к своим проектам.

Создаем искусство (https://github.com/jhuckaby/canvascycle)

🚀 Qwen Chat Web Dev Prompt — мощный промпт для frontend-разработки с упором на дизайн.

Он помогает разработчикам быстро создавать сайты на React или HTML с использованием TailwindCSS, анимаций и современных UI-паттернов — всё в одном чистом кодовом блоке.

✨ Зачем нужен:
✅ Генерация React/HTML в одном файле
✅ Поддержка популярных библиотек: React, Tailwind, Recharts, Framer Motion, p5.js, Three.js
✅ Никаких внешних зависимостей — только чистый, готовый к запуску код

Идеально для быстрых прототипов и создания полноценных проектов.

👉 Попробовать: https://chat.qwen.ai/?inputFeature=web_dev
👉В хорошем качестве: https://x.com/Alibaba_Qwen/status/1960960780947611957 (https://x.com/Alibaba_Qwen/status/1960960780947611957)

📄🚀 Удобный просмотр кода с rendergit

С помощью rendergit вы можете легко преобразовать любой репозиторий GitHub в статическую HTML-страницу с подсветкой синтаксиса и навигацией. Идеально подходит для быстрого просмотра, анализа кода и удобного поиска.

🚀Основные моменты:
- Два режима просмотра: Человеческий и LLM
- Подсветка синтаксиса и рендеринг Markdown
- Умное фильтрование больших файлов
- Адаптивный дизайн для мобильных устройств
- Удобная навигация по файлам

📌 GitHub: https://github.com/karpathy/rendergit

🚀 СClaudable!

Claudable — это мощный конструктор веб-приложений на базе Next.js, который позволяет создавать и развертывать приложения, просто описывая их идею. Используя возможности AI-агента Claude Code, вы мгновенно получаете рабочий код и живой превью вашего приложения.

🚀 Основные моменты:
- Генерация кода на основе естественного языка
- Мгновенный просмотр изменений с функцией горячей перезагрузки
- Легкое развертывание на Vercel с одним кликом
- Интеграция с Supabase для работы с базами данных
- Автоматическое обнаружение и исправление ошибок

📌 GitHub: https://github.com/opactorai/Claudable

Совет по HTML 💡

Примеры использования элементов thead, tbody и tfoot в HTML

🚀 Инструмент для трансформации репозиториев с помощью ИИ

Repomirror позволяет выполнять преобразования в кодовых репозиториях, используя возможности искусственного интеллекта. Проект вдохновлён работой @ghuntley и включает несколько примеров, таких как порты популярных библиотек на разные языки.

🚀 Основные моменты:
- AI-трансформации для кодовых репозиториев
- Поддержка нескольких языков программирования
- Примеры проектов для вдохновения
- Активное сообщество разработчиков

📌 GitHub:

#javascript

https://github.com/repomirrorhq/repomirror

📱 JavaScript. Что будет выведено в консоль?

Ответ (https://telegra.ph/CHto-budet-vyvedeno-v-konsol-08-08-14)

Инструмент для изучения музыкальной теории!

• Основа — JavaScript, но знать его необязательно: гайд выучить создать всё.
• Учит программированию и музыке через практику, без скучного сольфеджио.
• Поддерживает MIDI и OSC для интеграции с синтезаторами или музыкальными сетапами.
• Создавайте крутые треки без знаний нот и ритма — Strudel сделает всё за вас!

Айтишники, становятся диджеями ! 🚀

https://strudel.cc/

🔥 Самая масштабная атака на экосистему JavaScript

Фишингом угнали npm-аккаунт мейнтейнера qix и пушнули апдейты в 18 ключевых пакетов (chalk, debug, strip-ansi, color-convert и др.) — суммарно это ~2,6 млрд загрузок в неделю.
В обновления вставили браузерный крипто-«клиппер»: на сайтах/в приложениях с уязвимыми версиями он перехватывает трафик и подменяет адреса кошельков.

Скомпрометированные версии — удалить немедленно из всех сред (локальные машины разработчиков, CI/CD, прод):

[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected] (https://t.iss.one/+3TkE0J8wU-VmMTcy)
[email protected]
[email protected]
[email protected]


⚡️ Что стоит сделать:
▪Удалить уязвимые версии из дерева зависимостей, пересобрать и задеплоить исправления.
▪Проверить lock-файлы (package-lock.json, yarn.lock, pnpm-lock.yaml) и node_modules на присутствие перечисленных версий.
▪ Очистить кэш менеджера пакетов: npm cache clean --force, yarn cache clean, pnpm store prune.
▪ Переустановить зависимости с нуля (удалив node_modules и lock-файлы) и заново зафиксировать версии.
▪ Пересобрать фронтенд-бандлы, инвалидировать CDN/кэши, перезапустить рантаймы.
▪ Проверить логи на внешние запросы из бандла, провести аудит внесённых PR/коммитов.
▪ Ротировать ключи/токены, если могли утечь, и ужесточить 2FA/доступ к npm.

📌 Разбор атаки (https://jdstaerk.substack.com/p/we-just-found-malicious-code-in-the)

#security #npm #javascript #supplychain #infosec #malware