Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Jelly UI: Soft-body physics for native HTML form controls

jelly-ui.com

Post reply on HN
Print view View original

51–60 of 209 posts

Re: Jelly UI: Soft-body physics for native HTML form controls

#51

Post by ddejohn »

nerdsniper wrote: post #39
hedgehog wrote: post #6

Earlier quoted context omitted.

The library does respect the client-side reduce motion setting (by disabling all animated effects).

EDIT: OH MY GOD THAT IS A HUGE CHANGE!! On MacOS: Settings -> Accessibility -> Display -> Reduce Motion. I had no idea that was on. I like motion, I wouldn't have set this myself! ------------------ Original: How does that make anything about this "physics-based"? I'm not being snarky, I'm genuinely trying to figure out what part of this is completely going over my head. I don't see any "soft-body physics" interactio…

I am similarly very confused. Tried in multiple browsers, including a stock chrome install where I haven't messed with any animation settings.

Re: Jelly UI: Soft-body physics for native HTML form controls

#52

Post by bogwog »

nerdsniper wrote: post #39
hedgehog wrote: post #6

Earlier quoted context omitted.

The library does respect the client-side reduce motion setting (by disabling all animated effects).

EDIT: OH MY GOD THAT IS A HUGE CHANGE!! On MacOS: Settings -> Accessibility -> Display -> Reduce Motion. I had no idea that was on. I like motion, I wouldn't have set this myself! ------------------ Original: How does that make anything about this "physics-based"? I'm not being snarky, I'm genuinely trying to figure out what part of this is completely going over my head. I don't see any "soft-body physics" interactio…

I see two options:

1. The AI they used called it "physics-based" as a hallucination (probably due to the popular "JellyCar" game), and they went with it because they don't know better.

2. They don't know better, so they asked the AI for a "physics based" system, and the AI was too sycophantic to correct them.

Either way, it's slop.

Re: Jelly UI: Soft-body physics for native HTML form controls

#53

Post by ddejohn »

mrgoldenbrown wrote: post #41
ILearnAsIGo wrote: post #16

It does not seem to work on Firefox for iOS. I could not see any animation just the tiny click registration cards.

Nor Firefox on Android.

Nor Firefox on Windows, nor Chrome on Windows. Very confused about what I'm supposed to be seeing here lol.

Re: Jelly UI: Soft-body physics for native HTML form controls

#54

Post by anotheryou »

wbobeirne wrote: post #27
FrustratedMonky wrote: post #25

? what am I missing? The demo is just rounded corners? do we need a special library for that?

Do you have reduced motion enabled? That disables all the effects.

ah oh! yea only way to use mac....

Re: Jelly UI: Soft-body physics for native HTML form controls

#55

Post by phailhaus »

timcobb wrote: post #43
chrismorgan wrote: post #22

Please never use scroll-snap as is done on this demo page (unrelated to the soft-body physics). It leads to an awful experience for a large fraction of users. It improves things in one or two scenarios, but at the cost of far more common great frustration. Scroll-snap is a really risky feature, very niche in its reasonable applications. This is definitely not a suitable place to use it.

> It leads to an awful experience for a large fraction of users. can you give an example of why/how? I thought it was well done and enjoyable. Regular fast scroll was still as expected, and then the slower interactions felt like slide changes.

Nobody expects the scroll behavior to be different on a webpage, so it's always a surprise when a page does something like this. Then, you have to learn to adapt to how it expects you to scroll so that you don't screw up its animations or overshoot.

It's the kind of UI that works if you scroll a specific way. A lot of people probably do. But if you don't, it's all very tedious. I consider that to be poor design.

Re: Jelly UI: Soft-body physics for native HTML form controls

#56

Post by nrightnour »

chrismorgan wrote: post #22

Please never use scroll-snap as is done on this demo page (unrelated to the soft-body physics). It leads to an awful experience for a large fraction of users. It improves things in one or two scenarios, but at the cost of far more common great frustration. Scroll-snap is a really risky feature, very niche in its reasonable applications. This is definitely not a suitable place to use it.

I liked it. I'm curious how it affected you negatively?

Re: Jelly UI: Soft-body physics for native HTML form controls

#58

Post by itishappy »

I love this, but it does not seem to conform to standard UX best practices.

If I click and hold then move the mouse away to release, I assume an element should not register that as a click. As-is, this is inconsistent: the button registers a click, the checkbox does not.

Re: Jelly UI: Soft-body physics for native HTML form controls

#60

Post by jszymborski »

This comment is for like three people on HN, but anybody remember when Paul Neave had a website/blog/showcase (c.2007-2010ish?) where the borders of the page had similar jelly effect? That was achieved with Flash back in the day.

Neave was a personal hero of mine back then... hope you're well if you're reading this!

Post reply on HN