I think, especially Apple is pretty happy about HTML-in-Canvas to adapt Liquid Glass on the Web. ^^
What a packed presentation, I am especially hyped for the Overscroll Gestures.
One of the most frustrating things about the web platform is that basic form controls are still painful to customize properly. The Chromium team has talked for years about customizable native selects, and even now that some progress exists with appearance: base-select in Chrome 135, it still does not feel like a mature, simple, cross-browser solution that developers can rely on everywhere.
Styling basic elements like radio buttons, checkboxes, select dropdowns, file inputs, scrollbars, and other native controls is still inconsistent and full of limitations. In many real-world apps, developers still end up building JavaScript components just to get a decent-looking and accessible UI.
Meanwhile, browsers keep shipping new APIs for much more niche use cases, while these everyday UI problems remain annoying. Almost every website, admin panel, form, and business system needs these controls. We should not need an entire JavaScript component just to have a properly customizable native select, file input, or checkbox.
And honestly, all I really want to see is native customizable selects with a built-in search box. That alone would solve a huge amount of unnecessary JavaScript code used
Great video and features! The one thing I have always been looking for is native virtualization. So many apps have huge scrollable lists / wrap lists, and we just prey the 3rd party virtual scrolling JS libraries stay current
Love you guys! You’re in the belly of the beast going against the grain shipping one hand crafted feature at a time, and advocating for human creativity and ingenuity. Please don’t ever quit! God bless the open web.
Really interesting features, html-in-canvas finally solves the gap between 3d experiences and performant ui... adding native-feeling 3d elements and shaders to the DOM is going to open up so many possibilities!!
As a web developer with more than 10 years of experience, I used to code all these interactions with JavaScript. Now, I can finally throw away all this knowledge and become a vibe coder.
We use cookies, device fingerprinting and cross-device tracking to personalise content, serve targeted advertising, and analyse how you use our site across your devices. By clicking Accept all you consent to the use of these tracking technologies. Your data may be used to build a profile of your interests and show you personalised ads on other sites.
Privacy policy
Comments (20)
Daily Junction discussion mixed with clearly attributed comments from the original video provider.
Join in — free. Comments on Daily Junction are for members, so real names stay rare and bots stay out.
One field. We email you a 6-digit code — no password needed. Your comment is kept while you do it.
Under 13? You’ll need a parent’s OK first — it takes them one click.
What a packed presentation, I am especially hyped for the Overscroll Gestures.
Styling basic elements like radio buttons, checkboxes, select dropdowns, file inputs, scrollbars, and other native controls is still inconsistent and full of limitations. In many real-world apps, developers still end up building JavaScript components just to get a decent-looking and accessible UI.
Meanwhile, browsers keep shipping new APIs for much more niche use cases, while these everyday UI problems remain annoying. Almost every website, admin panel, form, and business system needs these controls. We should not need an entire JavaScript component just to have a properly customizable native select, file input, or checkbox.
And honestly, all I really want to see is native customizable selects with a built-in search box. That alone would solve a huge amount of unnecessary JavaScript code used
so many new cool features to play with
still miss Adam Argyle thought
With him the demos were so .. so much more fun and exciting
4:45 - contrast-color()
5:35 - light-dark()
5:51 - Images in light-dark()
6:15 - CSS Custom Functions (@function) & Style Queries
8:58 - @supports at-rule()
9:45 - meta name=text-scale
11:12 - linear()
12:01 - @starting-style
12:40 - sibling-index() and sibling-count()
13:26 - dialog light dismiss
14:20 - corner-shape
16:07 - Same-document view transitions
16:17 - Cross-document view transitions
17:03 - View transitions toolkit (tool)
18:16 - Element-scoped view transitions
21:05 - Two-phase view transitions
21:43 - Scroll-driven animations
22:32 - Scroll-triggered animations
24:18 - scroll-target-group: auto + :target-current
25:09 - scrollIntoView() container option
25:38 - Promisified scroll methods
26:50 - @scroll-state scrolled
28:36 - shape() and border-shape
29:27 - shape() in shape-outside
30:27 - Sticky per axis
32:28 - Overscroll gestures
35:02 - HTML-in-Canvas
38:25 - moveBefore
38:48 - fit-text
39:19 - text-box
39:38 - Gap decorations
40:13 - Scrollbar-aware viewport units
40:50 - Pseudos in JavaScript
Thanks for watching! We love to hear your feedback and hope you enjoy this feature roundup :)