Inautilo#Development #Introductions
Container Timing · A new API to measure web component performance https://ilo.im/16bf65
_____
#Metrics #Measurement #WebComponents #APIs #Polyfill #Chromium #Browsers #WebPerf #WebDev #Frontend
Web StandardsIntroducing view-transitions-mock, a non-visual polyfill for same-document view transitions. @bramus built a spec-compliant JavaScript implementation of the View Transition API that works across all browsers. It handles document.startViewTransition(), the ViewTransition class with its promises, and view transition types. Animations are skipped in unsupported browsers, but DOM updates work as expected. #viewtransition #polyfill
Веб-стандартыПредставляем view-transitions-mock — невизуальный полифил для view transition в рамках документа. Брамус Ван Дамм создал JavaScript-реализацию View Transition API совместимую со спецификацией, которая работает во всех браузерах без кучи условий в коде. Она обрабатывает document.startViewTransition(), класс ViewTransition с промисами и типы View Transition. Обновления DOM идентичны нативным, но анимации пропускаются в старых браузерах. #viewtransition #polyfill
#Development #Launches
Introducing CSS ‘view-transitions-mock’ · A non-visual polyfill for same-document view transitions https://ilo.im/16bak0
_____
#ModernCSS #ViewTransitions #Polyfill #APIs #Browsers #WebDev #Frontend #CSS #JavaScript
Introducing view-transitions-mock: A non-visual Polyfill for Same-Document View Transitions
View Transitions are a powerful Modern Web feature allow for smooth seamless animated transitions two between different states of a web page. They can make for a much more pleasant user experience, but as with any new web platform feature, browser support is not yet fully universal so you need to add some fallback logic to your code.view-transitions-mock bridges that gap by polyfilling the full JavaScript API surface of Same-Document View Transitions, without the animation bits.
Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and BackendReplicating a Switch Input (and Polyfill)
https://fed.brid.gy/r/https://frontendmasters.com/blog/replicating-a-switch-input-and-polyfill/
Полифил для HTML-элемента switch. Томас Штайнер предлагает полифил, который даёт почти нативный <input type="checkbox" switch> в браузерах помимо Safari: с доступностью, поддержкой высокой контрастности и загрузкой без FOUC-прыжков. #html #polyfill
https://blog.tomayac.com/2026/01/12/a-polyfill-for-the-html-switch-element/
A polyfill for the HTML switch element. @tomayac shares a polyfill, bringing near-native <input type="checkbox" switch> to browsers beyond Safari, with accessibility mapping, high-contrast tweaks, and FOUC-safe loading. #html #polyfill
https://blog.tomayac.com/2026/01/12/a-polyfill-for-the-html-switch-element/
#Development #Previews
When will CSS Grid Lanes arrive? · “It’s going to arrive sooner than you think.” https://ilo.im/16a21t
_____
#ModernCSS #CssGrid #Layout #Masonry #Polyfill #ProgressiveEnhancement #Browsers #WebDev #Frontend #CSS
When will CSS Grid Lanes arrive? How long until we can use it?
Anytime an exciting new web technology starts to land in browsers, developers want to know “when in the world am I going to be able to use this?” Currently, the finalized syntax for Grid Lanes is available in Safari Technology Preview.
#Development #Introductions
Introducing the HTML ‘geolocation’ element · What it does and how to use it https://ilo.im/169tah
_____
#HTML #Geolocation #FeatureDetection #Polyfill #ProgressiveEnhancement #Chrome #Browser #WebDev #Frontend #Releases
#Development #Launches
Input switch polyfill · A polyfill to turn checkboxes into modern switches https://ilo.im/16938w
_____
#Switch #Forms #Polyfill #ProgressiveEnhancement #Browser #WebDev #Frontend #HTML #CSS #JavaScript
