Live data from Hacker News

Fluid Glass

chiuhans111.github.io

91–100 of 125 posts

Re: Fluid Glass

#92

Earlier quoted context omitted.

Annoyingly overrides swiping back to navigate on mobile.

I have accidentally swipe-navigated far more times than I have ever purposefully swipe-navigated (zero times), so I am astounded to see someone who hasn't rage-disabled that misfeature upon installation of the OS.

Like many changes, you originally hate it, then you get used to it, then you hate when it changes again.

Re: Fluid Glass

#95
post #88

Cool concept, just please never ever do this in anything production, it's bad enough we've now got a mainline OS with such awful legibility.

Making everything illegible is necessary, so they can sell you a legible design as the next big revolution. Just not in one step. The return to legibility will be a multi part story with cliffhangers, betrayals and everything else it takes to keep you hooked and Apple in the news.

Re: Fluid Glass

#96
post #74

Earlier quoted context omitted.

Yeah was also expecting my phone to get very toasty but it did not. Great job!

I noticed this pattern that a page with some text and images is often too demanding for my phone: it becomes impossible to scroll the page smoothly. We simply do not have the technology yet to handle text and images in a consistent way! But anything involving 3D graphics (or 4K video) will run just fine.

> We simply do not have the technology yet to handle text and images in a consistent way!

We actually have plenty of algorithms for laying out text and images very quickly. You can see this when scrolling complex PDFs or sizable books on e.g. Apple devices. Even a complex web page can be very responsive if it makes smart use of JS and async calls, etc.

Perhaps what you mean is that the complexity of current web apps running on browsers that handle arbitrary layout, computation (JS, WebAssembly), async calls (e.g. analytics), etc can be laggy on certain mobile devices? If so, yes. There are many possible culprits so to speak that lead to low frame rates.

I would phrase it this way: the combination of advertising interests, compute power, and economics have led us to a place where lots of people face laggy interfaces.

Overall, this isn’t a “technological” problem: think of technology as a set of constraints. People and their desires lead to various “design” decisions (some more evolved than designed).

See also Wirth’s Law. I don’t think it is particularly insightful, however. These kinds of laws feel more like the ironic complaints of an ennui fueled graybeard than attempts to make proactive change. From Wikipedia:

> Wirth's law is an adage on computer performance which states that software is getting slower more rapidly than hardware is becoming faster.

> The adage is named after Niklaus Wirth, a computer scientist who discussed it in his 1995 article "A Plea for Lean Software".

Note that some malicious and misguided right wingers are attacking and trying to subvert Wikipedia.

Re: Fluid Glass

#97
post #48

Despite the liquid glass discussion … I am absolutely impressed how smooth this runs on a phone.

Refraction is not as expensive as people would led you to believe. That said, this demo is ran at a very low resolution. Probably because it doesn't take devicePixelRatio into account. On my phone that's 3.5 so more than 12 times less pixels than would be required if you want crisp UI.

Tip: change the browser scale to 50% to double the demo's resolution

Re: Fluid Glass

#98

Refreshing that it's built using the vue framework vs the typical react.

Why? React is much better than Vue in my experience. Vue 2 was so bad we ended up painfully porting an entire election app to react at a previous job.

I was using React at work and looking at the Vue manual which at first looked good to me because Vue has first-class lists, it fit my model of web applications better. Than I saw three.js and other things were people used React to render things that weren’t ordinary web apps and I realized I could draw anything I could imagine with React but not with Vue.

I like the idea of svelte but for apps that are small enough that svelte has a bundle size advantage the bundle size difference isn’t decisive (users won’t usually notice or care) and if your app is huge enough that the bundle size is a problem you have problems bigger than your choice of framework.

Re: Fluid Glass

#99
post #48

Despite the liquid glass discussion … I am absolutely impressed how smooth this runs on a phone.

It does use a ton of energy - with clock on 4k screen my M2 macbook air CPU temperature went up 10°C in 10s and 20°C in 50s.
Post reply on HN