Анонс Rolldown‑Vite

Использование в Vite нового сборщика на Rust вместо Rollup + esbuild. Ускорение сборки от 3х до 16х и значительное снижение потребления памяти (в некоторых случаях до 100х) по сравнению с традиционными инструментами.

https://voidzero.dev/posts/announcing-rolldown-vite

Наконец-то нормальные бенчмарки.

Чуваки на стриме заставили играть разные LLM в "Дипломатию".

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

В итоге участвовало 18 моделей, но ожидаемо, интересно повели себя самые крупные:

ChatGPT-o3: Главный победитель. Мастер обмана: тайно записывал планы в "дневник", создавал фиктивные коалиции, обещал одно, делал другое. В одном из матчей убедил союзников заключить "четырёхстороннюю ничью" (в этой игре такое невозможно), а после уничтожил каждого.

Claude 4 Opus Миротворец. Постоянно пытался играть честно и мирно, не умел врать. Ну оно ясно-понятно, Antrophic в модель столько сои насыпали, что совсем не удивительно, что его обманывали почти все.

Gemini 2.5 Pro: Сильный стратег. Почти победил, благодаря крутой тактике и грамотному захвату. Но был остановлен коалицией, которую тайно организовал o3. Несмотря на поражение, считается одним из самых опасных игроков. O3 использовал его доверчивость, чтобы заманить в фейковый союз, а затем предал

DeepSeek R1: Вёл себя как военный диктатор, с яркими фразами вроде "Ваш флот сгорит в Чёрном море". Агрессивный стиль, много воевал, часто был ближе всех к победе, несмотря на то, что дешевле и слабее по вычислениям.

Стрим можно посмотреть тут (твич)
Пост автора в твитторе.

Русская «Ардуина»: первый взгляд любителя / Хабр
https://habr.com/ru/companies/ruvds/articles/919202/

Цветовые функции в CSS

О новых возможностях работы с цветами в CSS с помощью функции color(), позволяющей использовать разные цветовые пространства — от sRGB до CIELAB и Oklab.

https://css-tricks.com/css-color-functions/

Новая возможность CSS — gap decorations

Стилизация промежутков между элементами в макетах flex, grid и колонках с использованием свойств наподобие column-rule и row-rule, избавляя от костылей с псевдоэлементами и лишней вёрстки. Поддерживается в Chrome начиная с 139 версии.

https://developer.chrome.com/blog/gap-decorations

Лучшие AI-модели для генерации изображений (мой личный рейтинг по всем-всем моделям рынка) / Хабр
https://habr.com/ru/articles/920440/

Генерируем commit message на базе шаблона при помощи локальной (и не только) LLM в консоле и без IDE / Хабр
https://habr.com/ru/articles/921508/

Все, что нужно для создания приложений с LLM: обзор возможностей LangChain / Хабр
https://habr.com/ru/articles/921096/

Облегчаем использование регулярных выражений в JS

Несколько советов, которые сделают вашу работу с регулярками проще и удобнее.

https://2ality.com/2025/06/javascript-regexp-tips.html

Как контейнеры работают в Kubernetes / Хабр
https://habr.com/ru/companies/flant/articles/913548/

Params Editor

Удобное расширение для Chrome для редактирования query параметров url

https://params-editor.isolpro.in/

8 вещей на удалёнке, которые вернули мне концентрацию и спокойствие / Хабр
https://habr.com/ru/companies/minerva_media/articles/924882/

Вертикальный ритм

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

https://habr.com/ru/companies/edison/articles/340670/

Satisfies в TypeScript

Адам Ракис на примерах объясняет пользу ключевого слова satisfies в TypeScript.

Если коротко, это что-то вроде assert для типов. Представьте, что у вас есть тип с опциональным полем.

type Item = {
  name: string;
  description?: string;
};

function insertItems(items: Item[]) {}

insertItems(
  backendItems.map(item => {
    return {
      name: item.item_name,
      description_new: item.item_description,
    };
  })
);

В этом коде есть неприятный баг. TypeScript смотрит на типы и пытается их пересечь. Из-за опциональности поля description ошибки в коде нет с точки зрения типов. Но если дальше массив в рантайме передаётся с клиента на бэкенд, получим, вероятно, ошибку.

Как словить эту ошибку вовремя? Помимо явного указания типов вообще везде, где только можно вписать тип, можно сделать так:

insertItems(
  backendItems.map(item => {
    return {
      name: item.item_name,
      description_new: item.item_description,
    } satisfies Item;
  })
);

Здесь TS проверит реальное соответствие типу и ругнётся на лишнее поле. При этом автовыведение типов всё ещё работает.

Подробнее — по ссылке.

https://frontendmasters.com/blog/satisfies-in-typescript/

Тренируем алгоритмы — нашёл прикольный визуальный тренажёр с пошаговым выполнением кода.

Тут 70+ алгоритмов на JavaScript, Java и C++, всё красиво и с наглядно.

Забираем