На главную

Еженедельный дайджест #6: Новости фронтенда

Узнать об инициативе
Как читать этот дайджест
  • Начните с заголовков статей, чтобы получить общее представление о содержании
  • Быстро пробегитесь по первым абзацам, чтобы понять актуальность материалов именно для вас
  • Выберите наиболее интересные или полезные темы под текущие задачи
  • Планируйте чтение: выделите, например, 15 минут утром и 15 минут вечером
  • Не пытайтесь прочитать всё сразу — возвращайтесь к дайджесту в удобное время
  • При повторном просмотре читайте выбранные статьи более вдумчиво, делая заметки
  • Не сожалейте, если прочитали лишь часть: ценность в качестве, а не в количестве
  • Используйте закладки для сохранения интересных материалов
  • Делитесь инсайтами и ссылками с коллегами — так информация лучше усвоится
PNG снова в моде — теперь с HDR! 🖼️
CSS умеет gap-декорации, вау! 💥
ES2025 принят — JavaScript растёт! 🚀
React всё ещё запутан? Не переживай! 🧩
Node.js теперь с Web API и import maps! ⚙️
Deno снова bundler — всё в одном файле! 📦
Пробовал blob-фигуры в CSS? 🎨
Вышел Polypane 25 — браузер для профи! 🕵️
Cloudflare запускает контейнеры! ☁️
Transformers.js теперь с Gemma 3n! 🤖
Фронти - маскот дайджеста

Главные новости

Присоединяйтесь Telegram-каналу

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

Подписаться

HTML и API

Коротко

CSS

💥 Gap теперь можно стилизовать

Появляется новая возможность стилизовать отступы между элементами с помощью так называемых “gap decorations”. Это открывает массу интересных визуальных решений, например, полоски между карточками или рамки между строками без лишнего HTML.

Также можно почитать статью на русском основанную на спецификации.

🎨 Функции работы с цветом в CSS

Хороший обзор всех новых цветовых функций и цветовых пространств: rgb(), hsl(), oklch() и других. Также объясняется разница между sRGB, OKLab, и когда использовать какие варианты.

🔮 Свойство corner-shape и супэрэллипсы

Новое экспериментальное свойство corner-shape расширяет возможности border-radius. Оно позволяет создавать плавные и необычные формы углов без SVG. Пока доступно только в Chrome Canary.

🧬 CSS Cascade Layers + Tailwind

Руководство по использованию каскадных слоёв в CSS совместно с утилитами Tailwind. Это поможет избежать конфликтов между классами и кастомными стилями.

💡 Рецепты для блобов в CSS

Автор делится, как можно создавать “blob”-формы не только с помощью генераторов, но и используя CSS: border-radius, shape() и SVG.

🌐 JavaScript

✅ ECMAScript 2025 утверждён Ecma International

Обновлён стандарт языка JavaScript. В статье от Dr. Axel вы найдёте краткий обзор нововведений: улучшения синтаксиса, новые возможности и небольшие улучшения языка. Полезно для общего понимания, куда движется JavaScript. Читать спецификацию полностью

📦 Что нового в JavaScript по версии TC39

Команда Deno делится новыми предложениями, которые обсуждаются в рабочей группе языка. Простые примеры кода и краткое объяснение — отлично подойдёт новичкам.

Что нового в ECMAScript 2025 (ещё один взгляд)

Павел Гжибек делится своим взглядом на нововведения в ES2025. В отличие от официального описания, он приводит примеры, которые делают понимание проще и интереснее для новичков.

Головоломка на парсинг JavaScript

Интересная задачка, в которой всего 14 символов кода — но чтобы её решить, придётся подумать. Отличная возможность освежить знания о том, как работает JavaScript-интерпретатор.

React

React всё ещё кажется… запутанным, и об этом почти никто не говорит?

В статье React Still Feels.. Foolish, and No One is Talking About It? автор размышляет о том, почему React-проекты иногда становятся сложными и запутанными. Он говорит, что благодаря гибкости React разработчики могут создавать мощные одностраничные приложения, но если не следить за архитектурой, проект быстро превращается в “клубок”. При этом проблема не только в React, а в современном фронтенде в целом. Обсуждения этой статьи набрали много откликов на Reddit и Hacker News.

Коротко

⚙️ Node.js

🚀 Современные практики разработки на Node.js в 2025 году

Хороший обзор от Ashwin о том, какие возможности Node стали стандартом: ES-модули, встроенные Web API, import maps, тест-раннер, режим наблюдения за файлами и система прав доступа. Отличный материал, чтобы освежить знания или узнать, что уже стало “новой нормой”.

🧪 Node.js v22.17.0 (LTS) — важное обновление

Стабилизирована функция assert.partialDeepStrictEqual() и перенесены некоторые возможности из Node.js 24. Это надёжная версия для использования в продакшене.

🔐 Как защитить Express API с помощью Cedar за 5 минут

Если вы работаете с Express, эта статья объясняет, как использовать язык политик безопасности Cedar от AWS для разграничения доступа в API. Это просто, быстро и подходит даже для небольших проектов.

💬 Почему моя многопользовательская игра на Node тормозит при 500 игроках?

Публичное обсуждение причин лагов в игре при высокой нагрузке. Полезно, если вы планируете real-time системы и масштабирование.

Deno 2.4: возвращается deno bundle

В версии Deno 2.4 снова доступна команда deno bundle, которая позволяет собрать весь проект в один файл — как для сервера, так и для клиента. Теперь есть поддержка зависимостей из npm и JSR, автоматическое “очищение дерева” (tree-shaking), а также стабильная интеграция с OpenTelemetry. Также теперь можно включать произвольные файлы через import.

Коротко

Коротко

🧪 Инструменты и библиотеки

🤖 Transformers.js 3.6: Поддержка Gemma 3n от Google

Библиотека для запуска моделей машинного обучения из мира Python прямо в Node.js. Теперь можно использовать и новую модель от Google — Gemma 3n. Подходит для обработки текста, изображений и звука.

Коротко

  • 📦 dotenv v17.0 — теперь ещё проще подключать переменные окружения.
  • 🧩 Electron v37.0.0 — обновление платформы для создания десктопных приложений.
  • 🔍 npm-package-json-lint 9.0 — линтер для package.json.
  • 🌐 OpenAI v5.8.0 — поддержка вебхуков и функций “глубокого поиска”.
  • 📚 Marked 16.0 — быстрый Markdown-парсер.
  • 📱 whatsapp-api-js — библиотека для работы с WhatsApp API от Meta.
  • 🧠 Repomix 1.0 — утилита для подготовки репозиториев к работе с AI.
  • ⛏ Mineflayer 4.30 — создание Minecraft-ботов на JavaScript.
  • 🌍 Undici 7.11 — HTTP-клиент от команды Node.js.
  • 🧪 HTML Form Inspector — онлайн-инструмент для проверки структуры HTML-форм.
  • 🔄 SVG to CSS Shape Converter — конвертер SVG path в CSS-фигуры.
  • 🎞️ FliiipBook — веб-приложение для создания gif-анимаций в стиле “флипбука”.
  • 🧪 Params Editor (расширение Chrome) — редактирование URL-параметров прямо в браузере.
  • 🌱 PicoSSG — статический генератор сайтов без конфигурации.
  • 📑 CSV to HTML Table — отображение CSV в виде фильтруемой HTML-таблицы.
  • Milkdown — WYSIWYG Markdown-редактор с поддержкой плагинов.
  • Repomix 1.0 — инструмент для подготовки кода в LLM-дружественный формат.
  • snapDOM 1.8 — создаёт SVG-изображения из HTML-элементов, сохраняя стили.
  • Spectral.js — библиотека для плавного перехода между цветами, как в настоящей краске.