iiinova — where your digital self keeps evolving

Веб-стандарты @web-standards.ru · 02/10/2026

Кризис среднего возраста у JavaScript. Марун Байдун о переписывании инструментов на Rust, Go и Zig: сборка быстрее, но всё меньше JS-разработчиков могут читать, отлаживать и поддерживать свои инструменты. #js #tools maroun-baydoun.com/b...

Заголовок «The JavaScript midlife crisis», фотография Маруна Байдуна и тёмная статуя с золотым лавровым венком, закрывающим глаза.

020

Веб-стандарты @web-standards.ru · 01/10/2026

Результаты опроса State of Devs 2026. Саша Грейф и Devographics опросили 5463 разработчиков: 62% сталкивались с выгоранием, большинство пишет код с помощью AI, но лишь 23% считают, что он хорошо повлиял на их ментальное состояние. #stateof #survey 2026.stateofdevs.com...

Пиксельный логотип «The State of Devs 2026» в окружении иконок и разделы Workplace, Career, Health, Hobbies, Mental State, Politics, AI и Opinions.

000

Веб-стандарты @web-standards.ru · 30/09/2026

Новинки Firefox 157 для разработчиков. Функция at-rule() в @supports, chain у overscroll-behavior, Animation.reverse() при playbackRate 0, а за флагами ML-KEM в Web Crypto и опция navigate у уведомлений. #firefox #browser developer.mozilla.or...

Скриншот инструментов разработки с открытой панелью Inspector на web-standards.dev, логотипом Firefox поверх и текстом «Firefox 157».

001

Веб-стандарты @web-standards.ru · 29/09/2026

Как ускорить сайт, отправляя больше CSS. В блоге GitHub Джош Блэк и Мари Лукка о многолетнем переходе с CSS-in-JS на CSS-модули: убрали 7760 пропсов sx, серверный рендеринг ускорился на 55%, инициализация компонентов — на 25%. #css #performance github.blog/engineer...

Заголовок «Improving site performance by shipping more CSS» и зелёный трёхмерный куб с белым логотипом на фоне зелёных клеток.

000

Веб-стандарты @web-standards.ru · 28/09/2026

Новинки Chrome 154. Свойство text-decoration-inset подрезает или удлиняет подчёркивания, у scroll-marker-group появились режимы links и tabs с порядком фокуса и ARIA-семантикой, а Iterator.includes() проверяет значения итератора. #chrome #browser developer.chrome.com...

Графика с текстом «New in Chrome» и числом 154 рядом с логотипом Chrome на фоне красной сетки.

000

Веб-стандарты @web-standards.ru · 28/09/2026

Выпуск №546. Алексей Симоненко, Вадим Макеев и Никита Дубко про настройку таблиц MDN, новинки Chrome 154, параметры для SVG, хорошие сайты от ИИ и будущее браузеров. Лайв на Ютубе youtu.be/O1IYorkp_Aw Слушайте на Ютубе youtu.be/_WPMqPUygvc Ссылки на сайте web-standards.ru/pod...

000

Веб-стандарты @web-standards.ru · 25/09/2026

Ситуативные отношения браузеров: когда браузеры согласны, а спецификация нет. Ракхи Шарма объясняет, почему спецификацию иногда правят под браузеры, а не наоборот, и как тесты и веб-совместимость возвращают всех к единому поведению. #browser #interop www.atbrakhi.dev/blo...

Фотография Ракхи Шармы, логотип Igalia, заголовок «Browsers Situationship: When Browsers Agree but the Spec Doesn’t» и имя «Rakhi Sharma».

000

Веб-стандарты @web-standards.ru · 24/09/2026

Один SVG, девять постеров: свойство link-parameters. Вадим Макеев передаёт цвета во внешнюю SVG через link-parameters и param(), а фолбеки в env() внутри файла работают везде. Пока экспериментально в Firefox Nightly и Safari TP. #css #svg pepelsbey.dev/articl...

Девять постеров с Мэрилин Монро в разных цветах, зелёный логотип, блок кода SVG с env() в заливках и заголовок «One SVG, nine posters: CSS linked parameters».

001

Веб-стандарты @web-standards.ru · 23/09/2026

Корневой скроллер и как его не потерять. Килиан Валкхоф показывает, как обёртка с фиксированной высотой и overflow подменяет главный скролл-контейнер страницы, отнимая прокрутку с клавиатуры и pull-to-refresh, и чем её заменить. #css #scroll polypane.app/blog/th...

Логотип Polypane, заголовок «The root scroller and how not to lose it», человек съезжает по стрелке и демо приложения с диалогом «Try scrolling (or dragging) the page behind this dialog.»

000

Веб-стандарты @web-standards.ru · 22/09/2026

Адаптивные iframe в Chrome 154. Себастьян Бенц и Брамус Ван Дамм рассказывают о свойстве frame-sizing, которое подгоняет <iframe> под его контент. Встроенный документ разрешает это элементом <meta>. Пока за флагами в Chrome и Edge. #html #css developer.chrome.com...

Логотип Chrome, прокручиваемая встроенная страница, фрагмент HTML с элементом meta responsive-embedded-sizing, фрагмент CSS с frame-sizing и заголовок «Responsive iframes in Chrome 154».

000

Веб-стандарты @web-standards.ru · 21/09/2026

Выравниваем иконки и подписи. Ахмад Шадид ставит иконку напротив первой строки переносящейся подписи с помощью единицы lh: половина разницы между строкой и размером иконки задаётся как смещение через translateY. #css #layout ishadeed.com/article...

Заголовок «Better Icon and Label Alignment», фото автора, демо с ползунками «Icon» и «Font size», два пункта списка «How to align an icon to a label.» и блок CSS-кода.

010

Веб-стандарты @web-standards.ru · 21/09/2026

Выпуск №545. Полина Гуртовая, Вадим Макеев и Алексей Симоненко про новинки Firefox 156, релиз Safari 27, выравнивание иконок, боковые сноски и аргументы против JPEG XL. Лайв на Ютубе youtu.be/B-o0IUldBbU Слушайте на Ютубе youtu.be/mtGxHByzQB8 Ссылки на сайте web-standards.ru/pod...

001

Веб-стандарты @web-standards.ru · 18/09/2026

Сноски на полях с помощью CSS anchor positioning. Венсан Берна связывает знак сноски и заметку через anchor-name, position-anchor и типизированный attr(), а max() с anchor() ставит заметку напротив её знака или ниже предыдущей. #css #anchor vincent.bernat.ch/en...

Текст статьи со сносками на правом поле, одна из них — «My PhD advisor told me this is unwise.», фрагмент HTML и заголовок «Sidenotes with CSS anchor positioning» Венсана Берна.

000

Веб-стандарты @web-standards.ru · 17/09/2026

Современные типы для веба. Филип Уолтон выпустил замену официальным типам для DOM в TypeScript с порогом в один движок, чтобы View Transition API, Long Animation Frame API и fetchLater() перестали быть ошибками. #tools #js philipwalton.com/art...

Заголовок «Modern Web Types» рядом с фотографией Филипа Уолтона и редакторы кода с ошибками «Property 'startViewTransition' does not exist» и «Property 'scripts' does not exist».

000

Веб-стандарты @web-standards.ru · 16/09/2026

Новинки WebKit в Safari 27. В релиз-ноутах Apple — 83 новые возможности и 844 исправления: кастомизируемый <select>, scroll anchoring, WebAssembly JSPI, ariaNotify(), :heading, revert-rule, stretch и import defer. #safari #css developer.apple.com/...

Таймлайны в веб-инспекторе Safari с графиками Layout & Rendering, JavaScript & Events, CPU и Memory, поверх — иконка Safari и заголовок «WebKit Features for Safari 27».

000

Веб-стандарты @web-standards.ru · 15/09/2026

Новинки Firefox 156 для разработчиков. Инспектор раскрывает var(), attr() и env() до источника, scheduler.yield() сохраняет приоритет задачи после синхронного await, а Promise.try() передаёт нативный промис как есть. #firefox #browser developer.mozilla.or...

Скриншот инструментов разработки с открытой панелью Inspector на web-standards.dev, логотипом Firefox поверх и текстом «Firefox 156».

000

Веб-стандарты @web-standards.ru · 14/09/2026

Главный поток браузера — дорогой ресурс. Сонхёп Ли объясняет, как уместить JavaScript, стили, лейаут и события в 10 миллисекунд на кадр: дробить длинные задачи, объединять частые события и уносить работу в композитор или воркеры. #performance #js kciter.so/posts/the-...

Окно браузера с огромным спиннером загрузки, который катится по дороге, давя цветные блоки, рядом мультяшный аватар и заголовок «The Browser's Main Thread Is Expensive», Sunhyoup Lee.

000

Веб-стандарты @web-standards.ru · 14/09/2026

Выпуск №544. Никита Дубко, Лёша Красиков и Вадим Макеев про новинки Chrome 153, MCP-сервер MDN, HTML-бойлерплейт, цвета ярче белого и React 19.3. Лайв на Ютубе youtu.be/S7acAsVzQOM Слушайте на Ютубе youtu.be/0hFTmFqRez8 Ссылки на сайте web-standards.ru/pod...

000

Веб-стандарты @web-standards.ru · 11/09/2026

Сделайте логотип ярче белого. Крис Беннетт собрал инструмент, который превращает логотип в HDR-JPEG: выбранные цвета светятся до 7,5 раз ярче обычного белого на HDR-экранах, а во всех остальных случаях это обычная картинка. #color #image www.soverybright.com/

000

Веб-стандарты @web-standards.ru · 10/09/2026

Новинки Chrome 153. Элементы <camera> и <microphone> декларативно запрашивают захват медиа, запись overflow: scroll clip создаёт контейнер прокрутки только по одной оси, а Iterator.zip() объединяет несколько итераторов. #chrome #browser developer.chrome.com...

Графика с текстом «New in Chrome» и числом 153 рядом с логотипом Chrome на фоне синей сетки.

000

Веб-стандарты @web-standards.ru · 09/09/2026

В HTML больше не нужен initial-scale. Деклан Чидлоу и Питер-Пол Кох с разницей в несколько часов выяснили: в <meta name="viewport"> достаточно width=device-width, а старая подсказка для Safari больше не нужна. #html #browser vale.rocks/micros/20... quirksmode.org/quirk...

Код meta name=viewport, где initial-scale=1 подчёркнут красным, поверх двух страниц статей «initial-scale no longer needed» и «You don’t need initial-scale in your HTML».

000

Веб-стандарты @web-standards.ru · 08/09/2026

Выражения от контейнера со style() и продвинутый attr(): новый способ связывать компоненты в CSS. Брехт Де Рюйте превращает атрибуты data-gap="2" в типизированные значения CSS, а @container style() пересчитывает карточку одной переменной. #css #component utilitybend.com/blog...

Логотип utilitybend, фото автора, три тёмные карточки Irondude, Solarrae и Aethergal, заголовок «Container style queries and advanced attr(): rethinking how to wire up my components in CSS».

000

Веб-стандарты @web-standards.ru · 07/09/2026

Открыт приём заявок в Interop 2027. Предложить фичи можно до 23 сентября. Нужна стабильная спецификация и тесты веб-платформы, которые автоматически проходят во всех четырёх браузерах. #interop #wpt github.com/web-platf...

Заголовок «Submit your proposals for Interop 2027», иллюстрации окна браузера и телефона с кодом, четыре нулевых результата под логотипами Chrome, Edge, Firefox и Safari.

000

Веб-стандарты @web-standards.ru · 07/09/2026

Выпуск №543. Лёша Красиков, Полина Гуртовая и Никита Дубко про новинки Firefox 155, предложения в Interop 2027, top-level await в Safari, ненужный initial-scale, альфу TanStack Charts и переключатели темы. Лайв youtu.be/RTwWz-0-NT0 Слушайте youtu.be/6F9BaIcosKY Ссылки web-standards.ru/pod...

001

Веб-стандарты @web-standards.ru · 04/09/2026

Ну и ладно, напишу свой текстовый редактор! Дэвид Бушелл сравнивает канвас, contenteditable с плейн-текстом и обычный <textarea> и выясняет, что быстрее всех работает именно скромный <textarea>. #html #performance dbushell.com/2026/09...

Заголовок «Fine, I’ll build my own text editor!», имя «David Bushell» и окно редактора с 13 пронумерованными строками HTML с подсветкой синтаксиса.

000

Веб-стандарты @web-standards.ru · 03/09/2026

Как определить неопределяемые возможности CSS через @supports named-feature(). Брамус Ван Дамм рассказывает о новой функции, которая проверяет то, что иначе не проверить: например, работает ли gap именно во флексах, а не просто парсится. #css #interop www.bram.us/2026/08/...

Заголовок «Feature Detecting “Undetectable” CSS Features with @supports named-feature()», иконка звезды, автор выступает на сцене и два сниппета кода feature-detection.css.

000

Веб-стандарты @web-standards.ru · 02/09/2026

Новинки Firefox 155 для разработчиков. Релиз расширяет attr() на любые CSS-свойства, добавляет функции progress() и alpha(), переименовывает font-stretch в font-width и приносит Promise.allKeyed(). За флагом — анимации по скроллу. #firefox #browser developer.mozilla.or...

Скриншот инструментов разработки с открытой панелью Inspector на web-standards.dev, логотипом Firefox поверх и текстом «Firefox 155».

000

Веб-стандарты @web-standards.ru · 01/09/2026

Как заставить агентов писать хороший CSS. Брехт Де Рюйте дополняет Modern Web Guidance от Google, который передаёт агентам рекомендации с данными Baseline, тремя своими навыками: токены, темы и состояния компонентов. #ai #css utilitybend.com/blog...

Заголовок «Modern Web Guidance as a starting point for my own token skills: getting agents to write better CSS» и три карточки: «Modern web guidance», «Your project skills», «human review».

000

Веб-стандарты @web-standards.ru · 31/08/2026

Как выделить фрагмент текста внутри поля. Олли Уильямс показывает, как OpaqueRange распространяет CSS Custom Highlight API на поля ввода: вызовите createValueRange() и оформите результат через ::highlight(), пока только в Chromium 152. #chrome #js olliewilliams.xyz/bl...

Заголовок «Using the OpaqueRange API with the CSS Custom Highlight API», часть которого выделена розовым и зелёным, фото автора, три блока кода и «olliewilliams.xyz».

000

Веб-стандарты @web-standards.ru · 31/08/2026

Выпуск №542. Лёша Красиков и Никита Дубко про новинки Chrome 152, вычисление кастомных свойств, виртуальные списки и отказ от RSC. Лайв на Ютубе youtu.be/KkGVhDeJ3bE Слушайте на Ютубе youtu.be/PhFp2Jh-ZGk Ссылки на сайте web-standards.ru/pod...

000

Веб-стандарты @web-standards.ru · 28/08/2026

Как ускорить длинный список: content-visibility или виртуализация. Агустин Барриентос замерил оба подхода. content-visibility: auto не рендерит строки вне экрана, а виртуализация выкидывает их, лишая браузер поиска по странице и фокуса. #performance #css agustinbarrientos.co...

Заголовок «Making a Long List Fast: content-visibility vs. Virtualization», иллюстрация прокручиваемого списка карточек с иконками и полосой прокрутки и человек за ноутбуком.

000

Веб-стандарты @web-standards.ru · 27/08/2026

Новинки Chrome 152. CSSPseudoElement теперь работает с ::backdrop, ::scroll-marker и ::view-transition, CPU Performance API сообщает класс производительности устройства, а заголовок Connection-Allowlist ограничивает исходящие запросы. #chrome #browser developer.chrome.com...

Графика с текстом «New in Chrome» и числом 152 рядом с логотипом Chrome на фоне зелёной сетки.

000

Веб-стандарты @web-standards.ru · 26/08/2026

Балансируем флекс-элементы свойством flex-wrap: balance. Ахмад Шадид показывает пять способов убрать одинокий элемент из последней строки: выражения от контейнера, display: contents и flex-wrap: balance из Chrome 150 — всего одно объявление. #css #layout ishadeed.com/article...

Заголовок «Balancing flex items with flex-wrap: balance», дата «Aug 25, 2026», фото автора, панель «Connect your favorite accounts» с иконками соцсетей и блок CSS-кода.

010

Веб-стандарты @web-standards.ru · 25/08/2026

Firefox готовится поддержать JPEG XL. Джейк Арчибальд рассказывает, что поддержка строится на jxl-rs — декодере на Rust. На фотографиях AVIF выигрывает при сжатии с потерями, а JPEG XL — без потерь. Ещё он умеет прогрессивную отрисовку. #image #firefox hacks.mozilla.org/20...

Фотография свернувшейся в траве лисы, разделённая на четыре полосы с подписями «4%», «15%», «50%», «100%», каждая резче предыдущей, логотип Firefox и заголовок «Intent to Ship JPEG XL».

000

Веб-стандарты @web-standards.ru · 24/08/2026

Знакомимся с HTML-элементом <geolocation>. Даниэль Шварц разбирает новый элемент из Chrome 144, который заменяет Geolocation API разметкой: autolocate, watch, onlocation, псевдокласс :granted и защита от перехвата кликов. #html #chrome piccalil.li/blog/a-l...

Фото автора и заголовок «A look at the geolocation HTML element and how it works» над фрагментом кода с элементом <geolocation> и запасной кнопкой.

000

Веб-стандарты @web-standards.ru · 24/08/2026

Выпуск №541. Вадим Макеев, Лёша Красиков, Никита Дубко и Полина Гуртовая про Firefox 154, HTTP-метод QUERY, селектор с префиксом, метрику UNO и снова переключатели темы. Лайв на Ютубе youtu.be/ytXIOB9e8UM Слушайте на Ютубе youtu.be/ueznSZ1tUkA Ссылки на сайте web-standards.ru/pod...

Веб-стандарты: Вадим, Лёша, Никита, Полина.

011

Веб-стандарты @web-standards.ru · 21/08/2026

HTML-бойлерплейт 2026 года. Мануэль Матузович объясняет каждую строку в <head>, включая новинки: метаэлемент text-scale, SVG-фавиконку с тёмной темой, ссылку на маркдаун-версию страницы и fediverse:creator. #html #learn www.matuzo.at/blog/2...

Фото автора, имя «Matuzović», подпись «Front-end / A11y / HTML / CSS», заголовок «My HTML boilerplate in 2026», фрагмент кода и метки «required», «optional», «essential».

000

Веб-стандарты @web-standards.ru · 20/08/2026

Разбираемся с панелью Performance в Chrome DevTools. Джоан Леон на интерактивных примерах показывает цвета категорий, сетевые запросы, флеймчарт и self time, четыре фазы LCP, CLS и INP. #performance #devtools perf.reviews/profile...

020

Веб-стандарты @web-standards.ru · 19/08/2026

Почему переключателю тёмной темы нужны три состояния. Брамус Ван Дамм отвечает Лие Веру: если ОС меняет тему по времени суток, явно выбранная днём светлая тема вечером станет тёмной. #design #color www.bram.us/2026/08/...

Заголовок «The Case for Tri-State Dark Mode Toggles», фото автора, переключатель с иконками солнца, монитора и луны, где выбран монитор, и три двухпозиционных переключателя из солнца и луны: выбрано солнце, ничего не выбрано, выбрана луна на тёмном.

010

Веб-стандарты @web-standards.ru · 18/08/2026

Новинки Firefox 154 для разработчиков. Релиз добавляет CSS-функции sibling-count() и sibling-index(), свойство text-box-trim для обрезки пространства вокруг текста и методы итераторов includes(), join(), chunks() и windows(). #firefox #browser developer.mozilla.or...

Скриншот инструментов разработки с открытой панелью Inspector на web-standards.dev, логотипом Firefox поверх и текстом «Firefox 154».

000

Веб-стандарты @web-standards.ru · 17/08/2026

Могут ли письма поддерживать светлую и тёмную темы? Мэтью Гуэй объясняет, что @media (prefers-color-scheme) работает в 42% клиентов, в основном в Apple Mail, а Gmail, Outlook под Windows и Yahoo Mail игнорируют его или инвертируют цвета. #email #css buttondown.com/blog/...

Заголовок «Ask a Nerd: Can emails include dark and light mode themes?», фото автора, имя Matthew Guay, дата August 14, 2026 и луч прожектора в темноте.

001

Веб-стандарты @web-standards.ru · 17/08/2026

Выпуск №540. Никита Дубко и Вадим Макеев про переключатель в HTML, клик мимо диалога, PWA в 2026 и HTML по веб-сокетам. Лайв на Ютубе youtu.be/CUCdI5KjMuE Слушайте на Ютубе youtu.be/M-rWNAk3JGI Ссылки на сайте web-standards.ru/pod...

000

Веб-стандарты @web-standards.ru · 14/08/2026

Progressive Web Apps, в целом, крутые. Мартин Грубингер сравнивает плюсы: URL, кнопку назад, мгновенные обновления, с минусами: установка на iOS, непредсказуемые промты установки и ограниченные возможности платформы. #pwa #browser grooovinger.com/note...

Фото автора, имя grooovinger, заголовок «Progressive Web Apps – mostly – rock» и названия разделов: «Install experience», «URLs, baby!», «Back Button», «Instant updates», «Conclusion».

000

Веб-стандарты @web-standards.ru · 13/08/2026

Пять практик, чтобы не превратить Tailwind CSS в хаос. Нина Торгунакова показывает, как семантические токены, короткие наборы классов и готовые варианты компонентов сохраняют проект читаемым. #css #tools evilmartians.com/chr...

Лого Evil Martians, заголовок «5 best practices for preventing chaos in Tailwind CSS», метки Blog Post, Frontend, Tailwind CSS и зелёный пришелец на сёрфборде в волне.

020

Веб-стандарты @web-standards.ru · 12/08/2026

Как Baseline помогает писать меньше JavaScript. Джад Джубран разбирает пять групп зависимостей, которые уже заменяются возможностями платформы: Intl вместо timeago.js, fetch вместо axios, <dialog> и Popover API вместо библиотек модальных окон. #baseline #js www.smashingmagazine...

Новое на Smashing Magazine: «How Baseline Can Help You Ship Less JavaScript», теги JavaScript, Coding, Techniques, автор Jad Joubran, рядом бегущий красный кот и птица.

010

Веб-стандарты @web-standards.ru · 11/08/2026

Нужны ли карты кода? Джеймс Гарбутт и Алекс Лихтер объясняют, когда npm-пакетам стоит их публиковать. Они оправданы, только если опубликованный код теряет информацию, например минифицированный. В остальном они лишь раздувают вес. #npm #performance e18e.dev/blog/source...

e18e.dev / blog с заголовком «Source maps or not?», подзаголовком «Source maps are great for debugging, but should we be shipping them in production?», Джеймс Гарбутт и Алекс Лихтер, July 30, 2026.

000

Веб-стандарты @web-standards.ru · 10/08/2026

Результаты опроса State of CSS 2026. Саша Грейф и Devographics опросили 4902 разработчика: любимой новинкой года стало anchor positioning, оно возглавило и список желаемого, и список жалоб на поддержку в браузерах. #css #survey 2026.stateofcss.com/...

Логотип «State of CSS 2026», разделы Features, Pain Points, Other Tools, CSS Usage, Resources, Demographics, Awards, Conclusion и диаграмма: Grid 31%, Browser vendor issues 17%, Flexbox 16%.

000

Веб-стандарты @web-standards.ru · 10/08/2026

Выпуск №539. Вадим Макеев, Лёша Красиков и Алексей Симоненко про результаты State of CSS 2026 и переключатель тёмной темы. Лайв на Ютубе youtu.be/dO9leP70-vY Слушайте на Ютубе youtu.be/gRqNpFp0GTU Ссылки на сайте web-standards.ru/pod...

000

Веб-стандарты @web-standards.ru · 07/08/2026

Переключатели тёмной темы: двух состояний достаточно. Лия Веру считает, что вариант «системная» продиктован реализацией: тему меняют, только когда текущая мешает. Храните три состояния внутри, а показывайте два. #design #color lea.verou.me/blog/20...

Заголовок «Dark mode toggles: two states are enough» от Lea Verou, PhD, рядом четыре макета браузера с переключателями «System appearance» из солнца и луны в светлой и тёмной темах.

010

Веб-стандарты @web-standards.ru · 06/08/2026

Стилизация навигации: декларативное сопоставление адресов и навигации в CSS. Брамус Ван Дамм разбирает предложение CSS, которое позволяет стилизовать навигацию через @route, @navigation, :nav-source и :link-to() без JavaScript. #css #router www.bram.us/2026/07/...

Заголовок «Styling the Navigation: Declarative Route and Navigation Matching in CSS», карточки с пластилиновыми монстрами «Zorp» и «Fluffy» с курсором-рукой и сниппет кода с @navigation.

000