ES2026 решает головные боли JavaScript с датами, вычислениями и модулями. Мэри Бранскомб рассказывает, что ECMAScript 2026 приносит долгожданный Temporal, исправляющий Date, более точные вычисления и новые Intl API. Отложенные импорты и upsert улучшат перфоманс и надёжность кода. #js #ecmasript

https://thenewstack.io/es2026-solves-javascript-headaches-with-dates-math-and-modules/

Как использовать @​scope в CSS, раз уж он стал Baseline. Даниэль Шварц заметил, что Firefox 146 присоединился к Chrome и Safari, добавив поддержку директивы @scope, что сделало её Baseline Newly Available. Эта фича создаёт области видимости стилей, упрощая селекторы и улучшая структуру CSS. Как применять @scope в HTML и CSS с учётом перфоманса и реиспользования стилей. #css #baseline

https://frontendmasters.com/blog/how-to-scope-css-now-that-its-baseline/

Отладка веб-перфоманса с Chrome DevTools. Жоан Леон показывает, как искать тяжелые ресурсы и слабое кеширование в Network, сравнивать локальные метрики с CrUX и разбирать LCP, CLS и INP в Performance Insights и трассировках. А также снипеты, content-visibility и оптимизация видео через HandBrake бонусом. #performance #devtools #chrome

https://calendar.perfplanet.com/2025/chrome-devtools-for-debugging-web-performance/

Веб-зависимости сломаны, можно ли это исправить? Лия Веру признаёт, что платформа переложила управление зависимостями на бандлеры, а import maps требуют глобальной конфигурации в HTML и плохо масштабируются. Она предлагает внешние import maps, доставку через заголовки и разрешение указателей на сервере. #js #tools

https://lea.verou.me/blog/2026/web-deps/

VoxCSS, воксельный движок на CSS. Рендерит HTML-кубоиды, сочетая слои на CSS-гридах и 3D-трансформации, создавая трёхмерные сцены в DOM без Canvas. Поддерживаются цвета, текстуры, взаимодействие, удаление скрытых частей, плюс фигуры и области. Работает не только с чистым JS, но и с Vue, React и Svelte. #css #3d

https://voxcss.com/

Выпуск №509. Никита Дубко и Вадим Макеев про антивебные API для веба, как LLM и помогает, и убивает Tailwind и про нездоровую зависимость от бандлеров.

— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте

00:01:23 Антивебные API для веба
00:32:29 Как LLM и помогает, и убивает Tailwind
01:09:57 Нездоровая зависимость от бандлеров

Запуск навигации с помощью Navigation API. Олли Уильямс разбирает методы navigation.navigate(), reload(), back(), forward() и traverseTo(), проверку canGoBack и canGoForward, и выбор между push и replace, ссылаясь на идею Ахмада Альфи об URL как состоянии. Также он объясняет state и info, а ещё промисы committed и finished для перехваченных навигаций. #js #router #url

https://olliewilliams.xyz/blog/initiating-navigations-with-the-navigation-api/

Готовый к продакшену стартовый шаблон для веб-компонентов. Аарон Густафсон собрал репозиторий с мастером настройки, вариантами импорта и регистрации, тестами на Vitest и Happy DOM, ESLint и Prettier, CI в GitHub Actions, а также с безопасной публикацией в npm и заметками по лучшим практикам для кастомных элементов. #webcomponents #js #tools

https://www.aaron-gustafson.com/notebook/a-web-component-starter-template/

Новинки Firefox 147 для разработчиков. CSS anchor positioning, Navigation API, SVG media fragments, View Transition types, CSS module scripts, модульные service worker, расширенная поддержка WebGPU на Apple Silicon, улучшения DevTools и многое другое. #firefox #browser

https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/147

Новинки в Chrome 144. Появился ::search-text для стилизации подсветки поиска по странице, новый элемент <geolocation> для доступа к геоданным с более понятным запросом разрешений и восстановлением после отказа, Temporal API для современных дат и времени в JavaScript и многое другое. #chrome #browser

https://developer.chrome.com/release-notes/144

Date уходит, Temporal приходит. Мэт Маркиз объясняет, почему JavaScript Date ведёт себя непредсказуемо при парсинге и легко ломает логику из-за изменяемости объектов. Он показывает Temporal, Stage 3 предложение TC39, где есть типы «только дата», работа с часовыми поясами и операции add/subtract возвращают новые значения. Поддержка уже есть в свежих Chrome и Firefox. #js #temporal

https://piccalil.li/blog/date-is-out-and-temporal-is-in/

Вышел Веб-альманах 2025. Это комплексный отчёт о состоянии веба, основанный на реальных данных и экспертизе признанных специалистов. Он содержит 15 глав про контент, пользовательский опыт, публикацию и дистрибуцию и включает PDF-версию для офлайн чтения. #almanac #report

https://almanac.httparchive.org/en/2025/

Выпуск №510. Алексей Симоненко, Никита Дубко, Вадим Макеев, Полина Гуртовая про Firefox 147, Chrome 144, geolocation, GIF и JPEG XL, 100vw и прокрутку, итераторы и массивы.

— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте

00:01:07 Нам 10 лет
00:03:17 Firefox 147
00:23:02 Chrome 144
00:56:53 Элемент geolocation
01:10:39 Гифки и JPEG XL
01:25:03 100vw и прокрутка
01:37:39 Итераторы и массивы

Контекстные меню с popover и anchor positioning. Крис Койер показывает, как сделать кебаб-меню без JavaScript через HTML-инвокеры для popover, anchor-name и position-anchor, а также анимацию открытия и закрытия на CSS. А ещё умное позиционирование с помощью свойства position-try, чтобы меню всегда оставалось видимым. #css #popover

https://frontendmasters.com/blog/popover-context-menus-with-anchor-positioning/

Расследование размера бандла. Надя Макаревич пошагово проходит анализ сборки в Vite, находит как wildcard-импорты ломают tree-shaking, почему lodash без ESM раздувает бандл и убирает дубликаты библиотек дат, чтобы сократить приложение на React с 5 МБ до 601 КБ. #js #performance

https://www.developerway.com/posts/bundle-size-investigation

Представляем HTML-элемент <geolocation>. В Chrome 144 появился контрол для декларативного запроса геолокации по клику, который заменяет большинство прямых вызовов Geolocation API, уменьшает объём кода и лучше отражает намерение пользователя. Origin trial ранее показали меньше ошибок, больше успешных сценариев и лучшее восстановление после отказа. #html #api

https://developer.chrome.com/blog/geolocation-html-element

Разбираемся с Git worktrees. Марко Хабер рассказывает, как держать несколько веток в отдельных папках, быстро переключаться без stash и изолировать рискованные правки. Он также объясняет, как Cursor использует worktrees для параллельных агентов и как автоматизировать установку зависимостей и копирование env-файлов. #git #tools

https://www.marcohaber.dev/blog/git-worktrees

Как писать кастомные элементы с lit-html. Дэйв Саманьего объясняет, почему выбирает lit-html вместо полного Lit, включая размер, light DOM без shadow DOM и более простые импорты. Он показывает stateless обёртку <textarea> со статус-баром и stateful Покемон-карточки с сигналами, перемешиванием, Intersection Observer и навигацией с клавиатуры. #webcomponents #lit

https://frontendmasters.com/blog/custom-elements-with-lit-html/