Новинки Chrome 150.
https://developer.chrome.com/release-notes/150
AccentColor и AccentColorText дают установленным приложениям доступ к системному акцентному цвету. Функция polygon() получила скругление углов, а zoom стал анимируемым. В CSS url() появились модификаторы cross-origin(), integrity() и referrer-policy(). Новое свойство text-fit подгоняет размер шрифта под ширину контейнера, background-clip: border-area упрощает градиентные рамки, а методы прокрутки возвращают промисы. #chrome #browserhttps://developer.chrome.com/release-notes/150
👍16🔥9❤1
Новинки Firefox 153 для разработчиков. Релиз добавляет методы
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/153
Intl.Locale вроде getCalendars(), getWeekInfo() и getTextInfo(), свойство Error.stackTraceLimit, import source для JS-модулей, метод getAllRecords() для хранилищ и индексов IndexedDB, Picture-in-Picture для документов, интеграцию WebAssembly с JS-промисами через WebAssembly.Suspending и экспериментальное CSS-свойство link-parameters для передачи параметров в SVG. #firefox #browserhttps://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/153
👍12🔥7❤2
Cross-Origin Storage API: не скачиваем одно и то же дважды. Деннис Морелло разбирает предложенный стандарт, который хранит и отдаёт большие файлы по их SHA-256-хешу вместо URL, создавая общий кеш для разных сайтов. Единственный метод
https://morello.dev/blog/cross-origin-storage-api
requestFileHandle() возвращает файл, если он есть, либо скачивает и сохраняет. Приватность встроена: нельзя перечислить файлы, ответы «не найдено» намеренно неоднозначны, а для общих файлов есть публичный список хешей. #performance #browserhttps://morello.dev/blog/cross-origin-storage-api
👍22🔥11❤3
Новинки Chrome 151. Новый элемент
https://developer.chrome.com/release-notes/151
<usermedia> управляет доступом к камере и микрофону и берёт на себя запросы и доставку MediaStream без отдельного вызова getUserMedia(). Атрибут shadowrootslotassignment на <template> управляет назначением слотов прямо в HTML. Две новые метрики производительности soft-navigation и interaction-contentful-paint измеряют отклик в SPA. #chrome #browserhttps://developer.chrome.com/release-notes/151
👍14
Progressive Web Apps, в целом, крутые. Мартин Грубингер собрал плюсы и минусы: URL и кнопка назад работают так, как задумано в вебе, приложение не занимает сотню мегабайт, а обновление доезжает до пользователя за одну перезагрузку вместо дней ревью в сторе. Из минусов — установка на iOS, непредсказуемые промты установки в Chromium, встроенный браузер для внешних ссылок и недоступное имя WiFi-сети. #pwa #browser
https://grooovinger.com/notes/progressive-web-apps-mostly-rock
https://grooovinger.com/notes/progressive-web-apps-mostly-rock
👍9❤7
Новинки Firefox 154 для разработчиков. Релиз добавляет CSS-функции
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/154
sibling-count() и sibling-index(), свойства text-box-trim, text-box-edge и text-box для обрезки пространства над и под текстом, а также методы итераторов includes(), join(), chunks() и windows(). В WebRTC появились getSelectedCandidatePair() и новые метрики транспорта. За флагами: line-clamp без префикса, проценты для text-decoration-inset, функция progress() и CSS Typed OM. #firefox #browserhttps://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/154
❤6🔥3
Новинки Chrome 152. Интерфейс
https://developer.chrome.com/release-notes/152
CSSPseudoElement теперь работает с ::backdrop, ::scroll-marker и ::view-transition — клики по подложке диалога или маркеру прокрутки наконец получили цель. Новый CPU Performance API сообщает класс производительности устройства, а заголовок Connection-Allowlist ограничивает, куда страница может отправлять запросы. Ещё в CSS появилась функция alpha() для относительной прозрачности, а атрибут autocorrect — в редактируемых полях. #chrome #browserhttps://developer.chrome.com/release-notes/152
👍11❤3
Новинки Firefox 155 для разработчиков. Релиз расширяет функцию
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/155
attr() на любые CSS-свойства с единицами измерения и фолбеками, добавляет функции progress() и alpha(), переименовывает font-stretch в font-width и добавляет Promise.allKeyed() и Promise.allSettledKeyed(). В инструментах разработки появились панель эмуляции медиафич и поддержка JSON Lines. За флагами: анимации по скроллу и изолированные реестры кастомных элементов. #firefox #browserhttps://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/155
👍8
В HTML больше не нужен initial-scale. Деклан Чидлоу и Питер-Пол Кох с разницей в несколько часов пришли к одному выводу: в
https://vale.rocks/micros/20260902-1350
https://quirksmode.org/quirksblog/2026/0902-initial.html
<meta name="viewport"> достаточно width=device-width. Часть initial-scale=1 добавляли, чтобы починить зум в старых версиях iOS, а Safari теперь и без неё правильно пересчитывает вьюпорт при смене ориентации. Минус 19 байт в каждом документе. #html #browserhttps://vale.rocks/micros/20260902-1350
https://quirksmode.org/quirksblog/2026/0902-initial.html
🎉37👍8🔥3
Новинки Chrome 153. Элементы
https://developer.chrome.com/release-notes/153
<camera> и <microphone> декларативно запрашивают захват видео и звука. Стилизация кнопки ограничена, а доступ можно вернуть после отказа. Теперь overflow принимает значения прокрутки рядом с clip, и overflow: scroll clip создаёт контейнер прокрутки по одной оси. Свойство scroll-axis-lock управляет диагональной прокруткой. В JavaScript появились Iterator.zip() и Iterator.zipKeyed() для объединения итераторов. #chrome #browserhttps://developer.chrome.com/release-notes/153
🔥12👍6
Новинки Firefox 156 для разработчиков. Инспектор раскрывает шаги вычисления значения
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/156
var(), attr() и env(), прослеживая их до источника. Вызовы scheduler.yield() сохраняют приоритет и сигнал отмены, даже если await завершился синхронно. Promise.try() передаёт нативный промис как есть, а переменные using больше нельзя переприсваивать. За флагами: named-feature() в @supports и Container Timing API. #firefox #browserhttps://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/156
👍7
Ситуативные отношения браузеров: когда браузеры согласны, а спецификация нет. Ракхи Шарма разбирает, что происходит, если Chrome, Firefox и Safari делают одно, а спецификация описывает другое. Иногда чинят браузеры, а иногда правят спецификацию: так вышло с нормализацией переводов строк при отправке форм. WHATWG, Web Platform Tests и Compatibility Standard ведут всех к общему поведению. #browser #interop
https://www.atbrakhi.dev/blog/browsers-situationship
https://www.atbrakhi.dev/blog/browsers-situationship
👍7❤1
Новинки Chrome 154. Новое свойство
https://developer.chrome.com/release-notes/154
text-decoration-inset задаёт, где начинаются и заканчиваются подчёркивания, надчёркивания и зачёркивания, а отрицательные значения выводят их за пределы текста. У свойства scroll-marker-group появились режимы links и tabs, которые задают порядок фокуса и ARIA-семантику маркеров прокрутки. Элемент <iframe> умеет подстраиваться под контент через frame-sizing, а в JavaScript появился Iterator.includes(). #chrome #browserhttps://developer.chrome.com/release-notes/154
❤6🔥4
Новинки Firefox 157 для разработчиков. Функция
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/157
at-rule() в @supports проверяет поддержку директивы, например at-rule(@scope), и работает в функции supports() директивы @import. У свойств overscroll-behavior появилось значение chain: прокрутка передаётся другой прокручиваемой области, но без стандартного отскока. Animation.reverse() теперь запускает анимацию с playbackRate 0. За флагами: ML-KEM в Web Crypto и опция navigate у уведомлений. #firefox #browserhttps://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/157
🔥6👍1
Developer Signals: влияйте на то, что браузеры сделают дальше. Рик Вискоми запустил инструмент, где можно посмотреть 354 будущие веб-фичи, отфильтровать их по поддержке в браузерах и проголосовать за нужные. Есть два направления: вечнозелёные фичи и предложения для Interop 2027. Голоса и сценарии использования через GitHub попадают прямо в репозиторий группы WebDX, чтобы помочь браузерам расставить приоритеты. #interop #browser
https://developer-signals.dev
https://developer-signals.dev
🔥16👍1
Новинки Chrome 155. Вернулась поддержка JPEG XL с прогрессивной отрисовкой. CSS-функция
https://chromestatus.com/release-notes/155
symbols() задаёт стиль счётчика прямо на месте, без именованного правила @counter-style, свойство margin-trim убирает отступы по краям контейнера, а text-decoration-skip-spaces управляет пропуском пробелов в подчёркивании. В JavaScript появились текстовые модули через import with { type: "text" }, а в WebCrypto — постквантовые алгоритмы ML-KEM и ML-DSA. #chrome #browserhttps://chromestatus.com/release-notes/155
🔥6👍4❤1
Новинки Firefox 158 для разработчиков. Формат JPEG XL теперь включён по умолчанию: сжатие с потерями и без, прозрачность, анимация и HDR. Типизированная арифметика в CSS позволяет делить в
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/158
calc() значения с разными единицами, например 100vw / 1px, и получать безразмерное число. У уведомлений появилась опция navigate с адресом для перехода по клику, а у WebTransport — метод getStats(). За флагами: функция random(), corner-shape и import defer. #firefox #browserhttps://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/158
❤7🔥4🎉1
Новинки Chrome 156. В CSS появилась функция
https://chromestatus.com/release-notes/156
random() для случайных значений, псевдокласс :navigation-source для ссылки, кнопки или формы, запустивших навигацию, и значение pair для scroll-snap-type для привязки к одному элементу по обеим осям. Свойство overflow принимает scroll clip для прокрутки по одной оси. Неудачные импорты модулей больше не кешируются, и их можно повторить, WebTransport поддерживает свои заголовки, а IndexedDB переезжает на SQLite. #chrome #browserhttps://chromestatus.com/release-notes/156
❤7
Новинки Firefox 159 для разработчиков. Анимации по скроллу теперь включены по умолчанию: свойства анимируются по шкале прокрутки, а не времени. Изолированные реестры кастомных элементов позволяют задать для shadow DOM свой
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/159
CustomElementRegistry и избежать конфликта имён веб-компонентов. Старый синтаксис masonry удалён в пользу display: grid-lanes. А ещё setHTML() теперь очищает разметку при парсинге, а у WebGL новые расширения. #firefox #browserhttps://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/159
🔥13👍3🎉2
Новинки WebKit в Safari 27.1 и 27.2. Джен Симмонс о двух релизах. В Safari 27.1 появились Device Posture и Viewport Segments API для iPhone Duo за флагами и PDF в две страницы на сложенном экране. Safari 27.2 добавляет
27.1 https://webkit.org/blog/18486/webkit-features-for-safari-27-1/
27.2 https://webkit.org/blog/18515/webkit-features-for-safari-27-2/
::field-content для кастомизируемых <select> и переименовывает flow-tolerance в fit-tolerance в Grid Lanes. С align-self: safe center абсолютно позиционированные блоки остаются внутри контейнера. Плюс 20 багфиксов. #safari #browser27.1 https://webkit.org/blog/18486/webkit-features-for-safari-27-1/
27.2 https://webkit.org/blog/18515/webkit-features-for-safari-27-2/
👍7