В WebStorm появился Chrome DevTools Connect.

Теперь ИИ-агент может прямо из IDE открыть Chrome, проверить, как отрисовывается страница, прочитать ошибки в консоли и убедиться, что исправление действительно работает во время выполнения.

То есть цикл «написал код → открыл браузер → посмотрел ошибку → вернулся в IDE» всё больше схлопывается в одно рабочее пространство.

[https://goo.gle/4i2wPuL]

Больше не нужно вручную копировать результаты проваленных проверок Lighthouse из браузера в окно с промптом.

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

Посмотрите, как работает полный замкнутый цикл обратной связи → https://goo.gle/4wY1X38

CSS только что убил ещё одну JavaScript-библиотеку.

CSS Grid Lanes, он же Masonry, уже здесь. И самое неожиданное — первой поддержку получила Safari 26.4+.

Вот и всё, что теперь нужно. ▼

Больше никакого Masonry.js, хрупких костылей на Flexbox и ручного расчёта позиций в JavaScript. Чистый CSS нативно собирает классическую раскладку в стиле Pinterest или «водопада».

В Chrome, Edge и Firefox поддержка пока доступна только за флагом.

Проверяйте доступность возможностей веб-платформы прямо в Lighthouse → https://goo.gle/3TXx3cO

Теперь в разделе Best Practices отображается статус Baseline, в том числе:

🌐 Возможности с широкой поддержкой
🛠 Недавно ставшие доступными возможности
⚠️ Код с ограниченной поддержкой

Google запустила инструмент, о котором разработчики просили годами.

Он называется CodeWiki.

Вы вставляете любой репозиторий, а ИИ автоматически превращает его в интерактивную документацию.

Он не просто делает краткое описание кода:

• автоматически генерирует диаграммы
• объясняет, как работает каждая часть
• создаёт пошаговые руководства
• определяет архитектуру и зависимости
• и даже добавляет чат-бота, который понимает всю кодовую базу

По сути, он превращает проекты, в которых практически невозможно разобраться, в то, по чему любой разработчик может начать нормально ориентироваться за несколько минут.

https://codewiki.google/

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

В том числе сообщить ему, что ананасу не место на пицце. 🍍

Рисует сетевые диаграммы через редактор с перетаскиванием элементов и экспортирует их в виде кода или изображений.

https://github.com/markmanx/isoflow

Посмотрите последние обновления DevTools в Chrome 151.

Появились подсказки по специфичности CSS, улучшена отладка памяти JavaScript и обновлены готовые профили для эмуляции устройств.

https://bit.ly/4x6YmQE

Это нереально.

Qwen 3.8 27B, запущенная локально на моей RTX 5090, ОБГОНЯЕТ Opus 4.8 в моих бенчмарках.

Что забавно, Opus 4.6 она немного проигрывает.

Скорость такая же хорошая, а иногда НАМНОГО выше. В некоторых тестах я получал до 200 токенов/с.

Мы живём уже в другом мире. Безлимитный бесплатный суперинтеллект прямо у нас на столе.

Никакого интернета, подписок или API.

Всего полгода назад для четверти такой производительности вам понадобилось бы 500 ГБ VRAM.

А теперь я получаю интеллект уровня Opus 4.8 на одной RTX 5090. Даже Spark не нужен.

Теперь эта модель работает у меня внутри Hermes-агента, который выполняет задачи для меня 24/7 бесплатно.

У меня НОЛЬ сомнений, что к этому времени в следующем году на Mac mini будут работать модели мощнее Fable. НОЛЬ сомнений.

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

Будущее уже не за углом. Оно здесь.

В Claude Code добавили новый навык /design.

Он запускает редактор Claude Design и публикует визуальный дизайн с несколькими артбордами в виде Artifact.

Артборды в формате .dc.html размещаются на одном полотне, которое можно свободно перемещать и масштабировать. По сути, это отдельная среда внутри Claude Code для быстрых черновиков интерфейсов и визуальных концептов.

Hand Drawn Arrows — набор из 55 рисованных вручную стрелочек для ваших дизайнов в Figma.

Этот репозиторий на GitHub собрал больше 1000 бесплатных публичных API практически на любой случай.

Финансы, погода, карты, музыка, игры, машинное обучение, крипта, транспорт, наука, безопасность и десятки других категорий — всё собрано в одном месте.

Полезная штука, если нужен готовый API для пет-проекта, прототипа или тестирования идеи.

https://github.com/public-apis/public-apis

Больше не нужно писать сложный JavaScript, чтобы элементы форм вроде textarea подстраивались под введённый текст 🍝

CSS-свойство field-sizing теперь входит в Baseline и позволяет элементам форм автоматически менять размер в зависимости от содержимого.

Документация → https://goo.gle/4a1HJMM

Если сайт загружается слишком долго, велика вероятность, что пользователь просто уйдёт.

Чтобы ускорить загрузку, Алекс собрал отдельное руководство.

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

https://freecodecamp.org/news/speed-up-website-loading/

В браузерах есть нативный API Speculation Rules, который позволяет написать примерно такое правило — и браузер заранее загрузит все ссылки на странице.

#javascript #webdev

Отправьте это любому разработчику, который пользуется Claude Code или Codex.

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

Проект называется Munder Difflin.

Он полностью бесплатный и открытый, работает локально и не отправляет данные наружу.

Можно самому оставаться «начальником» и управлять агентами, а можно оставить вместо себя цифрового двойника, который будет распределять задачи и следить за их выполнением.

Репозиторий и ссылка.

CSS наконец-то позволяет анимировать элементы прямо в момент их первого появления.

Для этого появился @starting-style, который уже поддерживается примерно у 90% пользователей.

Раньше переходы не срабатывали при первом применении стилей к элементу, поэтому приходилось городить обходные решения на JavaScript.

Теперь начальное состояние можно задать прямо в CSS.

.card {
  opacity: 1;
  transform: translateY(0);
  transition: 0.3s;
}

@starting-style {
  .card {
    opacity: 0;
    transform: translateY(20px);
  }
}

Элемент сразу появляется с нормальной анимацией, без дополнительного JavaScript.

Мелочь, которую CSS должен был уметь уже очень давно.