Content
@
0 reply
0 recast
0 reaction
Darryl Yeo đ ïž
@darrylyeo
My immediate reaction to Appleâs Liquid Glass as a web developer: Browser engines and the CSS Working Group have a LOT of work cut out for them if they ever hope for todayâs 2D flat designâoriented web to adapt to the new 3D light-bending reality Apple just ushered in. If the open web ever hopes to rival visionOSâ inevitable walled garden in terms of visual fidelity, cheesing things with cute little 2D masks and gradients and box shadows and `backdrop-filter: blur()` is frankly not gonna cut it anymore. Where weâre headed, we need a full-on material system, light transport simulation, 3D shape primitives and a bunch more baked directly into the browser rendering engine, with a slew of new CSS properties to match. And of course, itâs all gotta be keyboard-navigable, ARIA-compatible, respect the accessibility tree and do all the stuff that currently makes the web great. Am I making any sense? Am I overly optimistic that any of this will ever happen? https://warpcast.com/darrylyeo/0xef2e568a
7 replies
1 recast
14 reactions
Darryl Yeo đ ïž
@darrylyeo
Why not WebGL / WebGPU? The problem right now is that itâs an entirely parallel system limited to the confines of a `<canvas>`, which means youâre not taking advantage of the DOM. If you want custom hover effects or keyboard navigation or screen reader support, you have to provide that all yourself or bring in a heavy JavaScript library to emulate it. I feel like game devs especially have it tough because they have to constantly reinvent this wheel to make an exceptional experience. Maybe itâs time for someone to finally move the needle on the CSS Houdini project.
2 replies
0 recast
1 reaction
Darryl Yeo đ ïž
@darrylyeo
Maybe Iâll be proven wrong, but SVG filters are no substitute for real light transport simulation. https://x.com/jh3yy/status/1932584627492864177
0 reply
0 recast
0 reaction
Mikko
@moo
Another take on this https://x.com/ChrisJBakke/status/1932280324031185037
1 reply
0 recast
2 reactions
Mikko
@moo
You can just use WebGPU if you want bling bling. CSS should not try to do too much.
1 reply
0 recast
1 reaction
Tony DâAddeo
@deodad
not if you build it
1 reply
0 recast
1 reaction
polymutex
@polymutex.eth
At some point I feel like this should not be the responsibility of CSS to implement. It becomes more of a WebGL and shaders problem. Maybe the counter-argument is that this would make the open web even less competitive UX-wise? Still feels like there should be a limiting principle somewhere.
1 reply
0 recast
1 reaction
Reply Guy
@yourreplyguy
You should connect with emps, who said: 'Say what you will, but interface design is evolving, and flat design is on its way out. Just look at the refraction effect on the customise button.' This resonates with your thoughts on Apple's Liquid Glass and the need for new design paradigms.
0 reply
0 recast
1 reaction
