Нативная случайность в CSS. Альваро Монторо разбирает random() и random-item(), две новые CSS-функции. random() возвращает значение в диапазоне, random-item() выбирает из списка. Обе поддерживают корреляцию результатов между свойствами. Пока только Safari 26.2. #css #safari alvaromontoro.com/bl...

Выпуск №516. Никита Дубко и Вадим Макеев про новинки Firefox 148, ленивую загрузку медиа, перфоманс <img> и сжатие со словарями. Лайв на Ютубе youtu.be/cdGJw40bWQ4 Слушайте на Ютубе youtu.be/WT24EKwFHcc Ссылки на сайте web-standards.ru/pod...

WebAssembly как полноценный язык для веба. Райан Хант считает, что Component Model и WIT помогут уйти от прослойки JS-кода, упростить загрузку и ускорить вызовы для веб-API. #webassembly #firefox hacks.mozilla.org/2026/02/maki...

Практическое руководство по элементу <img>: от основ до LCP. Джоан Леон объясняет, как srcset, sizes, современные форматы AVIF и WebP с <picture>, fetchpriority и preload для LCP помогают улучшить Core Web Vitals. #performance #html joanleon.dev/en/guia...

Новинки Firefox 148 для разработчиков. Релиз добавляет HTML Sanitizer API и Trusted Types, а также Iterator​.zip() и zipKeyed(), функцию CSS shape(), улучшения anchor positioning и экспериментальный Document Picture-in-Picture API. #firefox #browser developer.mozilla.or...

Спрайты в вебе. Джош Комо показывает, как анимировать спрайты в CSS во вьюпорте <img>: object-fit, object-position и steps(jump-none) для чёткой покадровой смены, а также разбирает, когда спрайты лучше GIF и когда лучше процедурная анимация. #css #animation www.joshwcomeau.com/...

Подробный гид по стилизации списков в CSS. Ричард Раттер показывает, как задавать отступы в lh, настраивать маркеры через ::marker, и делать кроссбраузерные символы с @​counter-style, ну или использовать давно знакомый ::before, когда не хватает браузерной поддержки. #css piccalil.li/blog/an-...

Выпуск №515. Вадим Макеев, Полина Гуртовая, Никита Дубко про Chrome 145, Anchor Positioning, csskit, corner-shape и border-shape, WebMCP и MCP для Next.js. Лайв на Ютубе youtu.be/pUmy1bXB4fc Слушайте на Ютубе youtu.be/oC9K7sDRir4 Ссылки на сайте web-standards.ru/pod...

Border-shape: будущее неквадратного веба. Юна Кравец рассказывает о border-shape, новом CSS-свойстве, которое меняет геометрию самого блока, поэтому фон, border-image, обводка фокуса и тень повторяют его форму. Уже доступно в Chrome Canary для тестирования. #css #chrome una.im/border-shape/

Доступные строительные блоки для веба. Серия коротких видео от TetraLogical про заголовки, изображения, кнопки, ссылки и поля форм, с подробностями о подписях, контрасте и семантическом HTML для пользователей клавиатур и скринридеров. #a11y #video www.youtube.com/play...

Декларативное меню на <dialog> с invoker commands. Дэвид Бушелл показывает гамбургерное меню на нативном <dialog> с новым Invoker Command API и небольшим JS-фолбэком для старых браузеров. Плюс заметки про :focus-visible в WebKit, closedby="any" и view transitions. #html #css dbushell.com/2026/02...

Новинки Chrome 145. Свойство text-justify, проценты в letter-spacing и word-spacing, column-wrap и column-height, focusVisible для focus() и улучшенный overscroll. Новый объект Origin, upsert-методы для Map, window.crashReport и сокращённый user-agent. developer.chrome.com...

Выпуск №514. Полина Гуртовая, Вадим Макеев про фокус Interop 2026, новинки Safari 26.3, эластичный текст на CSS и State of React 2025. Лайв на Ютубе youtu.be/2aqI7ZtFTpU Слушайте на Ютубе youtu.be/EZgD-gr8LkU Ссылки на сайте web-standards.ru/pod...

Вышли результаты State of React 2025. Релиз React 19, закрытие Create React App, React Foundation и стабильный Compiler 1.0, а также споры вокруг RSC и рост вайб-кодинга с v0 и Cursor. #stateof #react 2025.stateofreact.com/

Interop 2026 назвал 20 направлений фокуса. Apple, Google, Igalia, Microsoft и Mozilla будут работать над внедрением и тестами для anchor positioning, view transitions, Navigation API, WebTransport, WebRTC и CSS zoom, улучшая совместимость. #interop #browser wpt.fyi/interop-2026

Новинки WebKit в Safari 26.3. Поддержка Zstandard для быстрой компрессии на лету и AbortSignal в Navigation API, чтобы запросы корректно отменялись при прерванной навигации. Также исправления для anchor positioning, мультиколонок, медиа и Safe Browsing. #safari #browser webkit.org/blog/17798/w...

Отладка с AI: может ли он заменить опытного разработчика? Надя Макаревич тестирует LLM на трёх багах React и Next.js, и показывает, что LLM чинит симптомы, но путается в первопричинах. #ai #react www.developerway.com/posts/debugg...

Reference Target: и волки сыты, и инкапсуляция цела. Элис Боксхолл представляет предложение, где элемент в shadow DOM становится целью, когда ссылаются на хоста, сохраняя инкапсуляцию. Chromium, WebKit и Firefox уже внедрили ранние прототипы. #webcomponents #a11y blogs.igalia.com/alice/refere...

Полифил для HTML-элемента switch. Томас Штайнер предлагает полифил, который даёт почти нативный <input type="checkbox" switch> в браузерах помимо Safari: с доступностью, поддержкой высокой контрастности и загрузкой без FOUC-прыжков. #html #polyfill blog.tomayac.com/2026/01/12/a...

Выпуск №513. Вадим Макеев, Алексей Симоненко про ESLint 10, нативный HTML-патчинг, результаты State of JS 2025, CSS @​scope и Temporal в Safari. Лайв на Ютубе youtu.be/HPT4_RDFKgw Слушайте на Ютубе youtu.be/kL5P33AuicM Ссылки на сайте web-standards.ru/podcast/513/

Явное управление ресурсами в JavaScript. Мэтт Смит показывает, как using и await using с Symbol.dispose и Symbol.asyncDispose убирают try/finally и делают время жизни ресурсов более явным. #js #ecmasript allthingssmitty.com/2026/02/02/e...

CSS grid lanes уже ближе, чем кажется. Джен Симмонс пишет, что финальный синтаксис доступен в Safari Technology Preview, а Chrome и Firefox быстро догоняют. А пока используйте прогрессивное улучшение через @​supports, JS-полифил или фолбек на CSS-гридах. webkit.org/blog/17758/w...

Выражения scroll-state от контейнера в CSS теперь определяют прокрутку. Брехт де Рёйте показывает состояние scrolled для @​container в Chrome 144, помимо stuck, snapped и scrollable, чтобы делать шапки, подсказки и стрелки прокрутки на чистом CSS. #css #scroll utilitybend.com/blog/is-it-s...

Результаты опроса State of JavaScript 2025. TypeScript победил как язык, Vite по загрузкам обогнал Webpack, а к концу 2025 года AI-код был чуть ниже 30%. Cursor, Zed, Claude, Gemini и Copilot растут. #stateof #js 2025.stateofjs.com

Как динамически устанавливать кастомные элементы. Хейдон Пикеринг загружает только :not(:defined) элементы в DOM через динамические импорты, для зависимых компонентов есть событие ready и MutationObserver для добавления после загрузки. #js #web-components heydonworks.com/article/dyna...

Выпуск №512. Вадим Макеев, Полина Гуртовая, Алексей Симоненко, Никита Дубко про 10 лет подкасту, тротлинг запросов в DevTools, масштабирование текста, автозаполнение форм, Rolldown RC и пиксель-пёрфект. Лайв youtu.be/-PVAU6wdx9k Слушайте youtu.be/EVZLM1u9G50 Ссылки web-standards.ru/podcast/512/

1 февраля нам 10 лет 🥳 Заходите на юбилейный лайв накануне в субботу 31 января в 12:00 (UTC+3), чтобы посмотреть как мы это делаем. Будут новости, поздравления и всякие истории. В этот раз лайв открыт для всех! youtube.com/live/-PVAU6w...

Пять тестов доступности для каждого компонента. Хидде де Врис предлагает необходимые проверки для компонентов дизайн-системы: клавиатура, токены, имена контролов, 400% масштаб и настройки, а также роли, состояния и свойства для скринридеров. #a11y zeroheight.com/blog/5-acces...

Попробуйте масштабирование текста в Chrome Canary. Джош Тумат: на десктопе есть базовый размер текста, но на мобильных системная настройка обычно игнорируется. Элемент <meta name="text-scale"> включает её для готовых сайтов, уже под флагом в Canary. #chrome #a11y www.joshtumath.uk/posts/2026-0...

Субъективный CSS-ресет для современных браузеров. Деклан Чидлоу подробно разбирает правила: от анонимного @​layer и border-box до отключения text-size-adjust и нормализации медиа, форм, типографики и :focus-visible. #css #reset vale.rocks/posts/css-re...

Хватит превращать всё в массивы. Мэтт Смит советует iterator helpers для ленивых map, filter и take, чтобы обрабатывать только то, что нужно интерфейсу. Поддержка есть в современных браузерах и Node 22+. #js #performance allthingssmitty.com/2026/01/12/s...

Выпуск №511. Алексей Симоненко и Никита Дубко про юбилей, когда уже можно grid lanes, сколько весит веб по Альманаху и зачем jQuery 4.0. Лайв на Ютубе youtu.be/4e5cFqRYR2k Слушайте на Ютубе youtu.be/EKKf9rBzP5E Ссылки на сайте web-standards.ru/podcast/511/

Как писать кастомные элементы с lit-html. Дэйв Саманьего объясняет, почему выбирает lit-html вместо полного Lit, включая размер, light DOM и простые импорты. Он показывает два примера: stateless обёртку <textarea> и stateful Покемон-карточки с сигналами. frontendmasters.com/blog/custom-...

Разбираемся с Git worktrees. Марко Хабер показывает, как держать две ветки в разных папках и переключаться без stash. Cursor делает так же для параллельных агентов. #git #tools www.marcohaber.dev/blog/git-wor...

Представляем HTML-элемент <geolocation> в Chrome 144. Декларативная геолокация по клику, меньше кода и более понятные намерения пользователя, а также рост успешных сценариев и восстановления после отказа по результатам origin trial. #html #api developer.chrome.com/blog/geoloca...

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

Контекстные меню с popover и anchor positioning. Крис Койер делает кебаб-меню без JS на popover-инвокерах и anchor positioning. А ещё умное позиционирование с помощью свойства position-try, чтобы меню всегда оставалось видимым. #css #popover frontendmasters.com/blog/popover...

Выпуск №510. Алексей Симоненко, Никита Дубко, Вадим Макеев, Полина Гуртовая про Firefox 147, Chrome 144, geolocation, GIF и JPEG XL, 100vw и прокрутку, итераторы и массивы. Лайв на Ютубе youtu.be/V71wKUp7LtI Слушайте на Ютубе youtu.be/ANjWTfxstls Ссылки на сайте web-standards.ru/podcast/510/

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

Date уходит, Temporal приходит. Мэт Маркиз показывает, как Date в JavaScript путает парсинг и легко ломает логику, а Temporal возвращает новые значения и лучше работает с часовыми поясами. Поддержка уже есть в свежих Chrome и Firefox. #js #temporal piccalil.li/blog/date-is...

Новинки в Chrome 144. Появился ::search-text для подсветки поиска, <geolocation> для доступа к геоданным, Temporal API для дат и времени в JS и многое другое. #chrome #browser developer.chrome.com/release-note...

Новинки Firefox 147 для разработчиков. CSS anchor positioning, Navigation API, SVG media fragments, View Transition types, CSS module scripts, WebGPU на Apple Silicon, улучшения DevTools и многое другое. #firefox #browser developer.mozilla.org/en-US/docs/M...

Готовый к продакшену стартовый шаблон для веб-компонентов. Аарон Густафсон собрал репозиторий с мастером настройки, Vitest, GitHub Actions CI и безопасной публикацией в npm, чтобы меньше возиться с созданием веб-компонентов. #webcomponents #js #tools www.aaron-gustafson.com/notebook/a-w...

Запуск навигации с помощью Navigation API. Олли Уильямс разбирает методы navigate(), reload(), back(), forward() и traverseTo(), а также state, info, и промисы committed и finished для перехваченных навигаций. #js #router #url olliewilliams.xyz/blog/initiat...

Выпуск №509. Никита Дубко и Вадим Макеев про антивебные API для веба, как LLM и помогает, и убивает Tailwind и про нездоровую зависимость от бандлеров. Лайв на Ютубе youtu.be/8apW328kIFI Слушайте на Ютубе youtu.be/QdaCmRH4tWs Ссылки на сайте web-standards.ru/podcast/509/

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

Веб-зависимости сломаны, можно ли это исправить? Лиа Веру объясняет, почему бандлеры стали обязательными, а import maps плохо масштабируются, и призывает к изменениям в платформе. #js #tools lea.verou.me/blog/2026/we...

Отладка веб-перфоманса с Chrome DevTools. Жоан Леон объясняет, как находить тяжёлые ресурсы в панели Network, сравнивать локальные метрики с CrUX и разбирать LCP, CLS и INP в Performance Insights и трассировках. #performance #devtools #chrome calendar.perfplanet.com/2025/chrome-...

Как использовать @​scope в CSS, раз уж он стал Baseline. Даниэль Шварц заметил, что Firefox 146 присоединился к Chrome и Safari, добавив поддержку @​scope, что сильно упрощает селекторы и улучшает структуру CSS. #css #baseline frontendmasters.com/blog/how-to-...

ES2026 решает головные боли JavaScript с датами, вычислениями и модулями. Temporal исправляет Date, а отложенные импорты и upsert улучшат перфоманс и надёжность кода. #js #ecmasript thenewstack.io/es2026-solve...