Introducing FWS / SUPPLY ⬛
A curated archive of raw web components. No frameworks. No bloat.
→ Animated interactions
→ Smooth page transitions
→ Open source. MIT licensed. Free forever.
The vanilla standard, redefined.
Link in bio 🔗
#WebDev #CSS #JavaScript #OpenSource #Frontend #VanillaJS
Soon you will be able to render content behind the system status bar in PWAs! 📱✨
Huge thanks to @bram.us for advocating for this feature and a special thanks to @januschka.com for implementing the fix in Chromium.
The gap between native apps and PWAs is closing every day. 🚀
Is it real?
Great article. Too many people reach for a library before checking native web tech.
I'm building a site to show what native can do: fws-supply.website
Also a standards-focused CSS framework: github.com/arif891/layx
I have never seen Chrome's back transition! Do I need Chrome Premium?
Yes
Since it uses native scrolling, you can also use view-timeline to sync backdrop opacity or other UI elements.
Android 13 Chrome 146
You can change the scrollbar background with workarounds like this one:
github.com/arif891/layx...
But since native overlay scrollbars aren't standard yet (Chrome requires a flag, while Windows 11 uses them by default), I’ve proposed a formal fix:
github.com/w3c/csswg-dr...
We need a CSS property to control overlay scrollbars explicitly.
github.com/w3c/csswg-dr...
Do people still use Sass?
You can finally create mouse-draggable carousels with smooth scroll snapping using pure CSS. A long-standing Chromium bug has officially been fixed in Chrome Canary. No more heavy JS libraries for basic slider functionality!
issues.chromium.org/issues/40759...
Scroll-triggered animations will simplify web dev, but production use is a year away. While scroll-driven specs are older, other browsers still lack support. Chrome is shipping features so fast that other browsers simply can't keep up.
It's amazing but so much for a light-dark toggle! 😅
