For Web — фронтенд, дизайн, программирование

Temporal на подходе: обзор нового API для работы со временем и датами в JavaScript, приуроченный к появлению первых экспериментальных реализаций в браузерах → https://developer.mozilla.org/en-US/blog/javascript-temporal-is-coming/

Исправляем некрасивый перенос иконок с помощью text-wrap: balance: неочевидный трюк, работающий не только с текстом, но и любыми инлайн-блоками → https://shkspr.mobi/blog/2024/10/you-can-use-text-wrap-balance-on-icons/

Новые возможности веба для применения в 2025: обзор недавних фич, уже поддерживаемых современными браузерами → https://www.smashingmagazine.com/2024/12/new-front-end-features-for-designers-in-2025/

Рендеринг онлайн-досок Confluence как по маслу: инженеры Atlassian рассказывают о сложностях реализации фронтенда интерактивной онлайн-доски → https://www.atlassian.com/blog/atlassian-engineering/rendering-like-butter-a-confluence-whiteboards-story

Пишем движок компоновки и отрисовки флексбокс-раскладок на канвасе → https://tchayen.com/how-to-write-a-flexbox-layout-engine

ts-blank-space, инструмент для компиляции TypeScript в JavaScript от Bloomberg, работающий быстрее популярных инструментов (tsc, babel и др.) благодаря отказу от трансформации AST в пользу подмены аннотаций типов пробелами → https://bloomberg.github.io/ts-blank-space/

Vim для React-разработчиков: бесплатный курс для освоения основ работы в Vim с упором на практические сценарии работы фронтенд-разработчиков → https://vimforreactdevs.com

CSS Wrapped 2024, обзор нововведений в CSS за прошедший год от команды Chrome DevRel → https://chrome.dev/css-wrapped-2024/

Difftastic, генератор структурных диффов, учитывающий форматирование и синтаксис языка для более удобного сравнения фрагментов кода → https://difftastic.wilfred.me.uk

Отчёт State of Frontend 2024 по результатам опроса 6028 разработчиков из 139 стран → https://tsh.io/state-of-frontend/

Component Party, сравнение синтаксиса и возможностей популярных фронтенд-фреймворков и библиотек → https://component-party.dev

Framer Motion теперь просто Motion: популярная библиотека для анимаций стала независимой от Framer и обзавелась API на чистом JS (ранее она была привязана к Реакту) → https://motion.dev/blog/framer-motion-is-now-independent-introducing-motion

У CSS появился официальный логотип, выбранный по итогам голосования, организованного рабочей группой CSS-Next → https://github.com/CSS-Next/logo.css

e18e (Ecosystem Performance), открытая инициатива по наведению порядка во фронтенд-экосистеме: удаление мусора из зависимостей, ускорение популярных библиотек и разработка современных альтернатив устаревшим популярным пакетам → https://e18e.dev

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

ESLint теперь официально поддерживает линтинг JSON и Markdown → https://eslint.org/blog/2024/10/eslint-json-markdown-support/

Web platform release notes, ежемесячные обзоры изменений в браузерных API от WebDX Community Group → https://web-platform-dx.github.io/web-features-explorer/release-notes/

Открытое письмо к Oracle с призывом отказаться от прав на торговую марку JavaScript, из-за которой приходится избегать названия языка в официальных именах вроде ECMAScript или JSConf → https://javascript.tm/

Что нового в ECMAScript 2024: обзор нововведений по мотивам выпуска финальной версии спецификации → https://pawelgrzybek.com/whats-new-in-ecmascript-2024/

Первый стабильный релиз Rspack: бандлер от ByteDance, совместимый с webpack-экосистемой, но в разы быстрее самого webpack → https://rspack.dev

Видео с прозрачностью в вебе: Джейк Арчибальд из Shopify делится исследованием возможных способов реализации и лучшим найденным решением → https://jakearchibald.com/2024/video-with-transparency/