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

Ambient CSS v3 – Blender meets CSS

ambientcss.vercel.app

Post reply on HN
Print view View original

51–60 of 104 posts

Re: Ambient CSS v3 – Blender meets CSS

#51

Post by mminer237 »

Neat idea, but feels very poorly made.

The light direction governs the whole grid for some reason but stops outside an arbitrary div and often just stops working period, on top of feeling laggy for such a simple effect.

Channels are messed up. The example doesn't seem to work, while in the video it just makes two edges white for some reason?

The color options and textures are kinda ugly. The glass colors clearly just don't work. "Brass" turns into "Olive" on the last one for no reason?

The radio buttons are a bad idea for a digital interface, implemented completely inconsistently(‽), and the middle one just doesn't work at all.

Buttons have virtually no feedback if they're pressed or not.

Reminds me a lot of Google's material design, at least the older versions of it, just much sloppier and less usable and less colorful.

Re: Ambient CSS v3 – Blender meets CSS

#52

Post by danudey »

mminer237 wrote: post #51

Neat idea, but feels very poorly made. The light direction governs the whole grid for some reason but stops outside an arbitrary div and often just stops working period, on top of feeling laggy for such a simple effect. Channels are messed up. The example doesn't seem to work, while in the video it just makes two edges white for some reason? The color options and textures are kinda ugly. The glass colors clearly just…

It supports a dark theme but then you can't see 90% of what it actually does because drop shadows on dark backgrounds just plain don't work.

Re: Ambient CSS v3 – Blender meets CSS

#53

Post by QuantumNomad_ »

tuvix wrote: post #10

Reminds me of VST GUIs, looks great! But, like other commenters have noted, I think a number of these controls might be desktop only, which is totally fine. There’s too much UI stuff centered around mobile anyway these days

> Reminds me of VST GUIs

I was thinking the same thing. And I was also thinking, now that Ableton Live has a JavaScript toolkit [1], maybe this Ambient CSS could be useful in that context.

I’m still on Ableton Live 11 so the Ableton Live Extensions SDK is not available for me. Therefore I cannot try this idea myself yet.

[1]: https://www.ableton.com/en/blog/introducing-extensions-sdk/

Re: Ambient CSS v3 – Blender meets CSS

#55

Post by BorisMelnik »

rrr_oh_man wrote: post #44
charlesrice wrote: post #15

My favorite is the knobs where some of them you can grab and rotate like they are physical but other ones only react to the vertical position of the cursor so you feel like a crazy person trying to use them

Can I plug https://mydogisthebest.org ? If you're into skeumorphism, you'll love it. I put a lot of care into how the buttons and other elements work and interact with each other. (It's a free little dog journaling app I created with my partner to help us cope with losing our dog)

well done! very nicew

Re: Ambient CSS v3 – Blender meets CSS

#56

Post by dmix »

CSSer wrote: post #8

I really dislike how the dribbble/envato style somehow escaped containment into Claude and now I’m seeing it everywhere mixed with mediocre design layouts. I think to myself that maybe stuff like this will help counteract that but then I see it in use with 12px typography (the kubernetes 3D dashboard thing) and I recoil in horror. Please consider this a PSA: Claude doesn’t understand UX or good design principles out…

Pro-tip: ask Claude (or Claude Design) to reference the Apple HIG https://developer.apple.com/design/human-interface-guideline... and then review your interfaces

Re: Ambient CSS v3 – Blender meets CSS

#57

Post by andai »

CSSer wrote: post #8

I really dislike how the dribbble/envato style somehow escaped containment into Claude and now I’m seeing it everywhere mixed with mediocre design layouts. I think to myself that maybe stuff like this will help counteract that but then I see it in use with 12px typography (the kubernetes 3D dashboard thing) and I recoil in horror. Please consider this a PSA: Claude doesn’t understand UX or good design principles out…

I'm waiting for Skeumorphism to make a comeback, but that will require a superior AI paradigm.

Re: Ambient CSS v3 – Blender meets CSS

#58

Post by dkersten »

mminer237 wrote: post #51

Neat idea, but feels very poorly made. The light direction governs the whole grid for some reason but stops outside an arbitrary div and often just stops working period, on top of feeling laggy for such a simple effect. Channels are messed up. The example doesn't seem to work, while in the video it just makes two edges white for some reason? The color options and textures are kinda ugly. The glass colors clearly just…

It’s also glitchy and flickery for me on iOS.

Re: Ambient CSS v3 – Blender meets CSS

#59

Post by eigenblake »

For a course I'm taking, I made an "Exposure Triangle" demo inspired by Duolingo. This feels like I just struck gold. Whether I use this implementation or another, I'd like to develop a library of these Skeumorphic components. I want to make a later version of my application -- where I make explanatory mathematics and this kind of minimal diegetic interface is exactly what I need to pull that off

Re: Ambient CSS v3 – Blender meets CSS

#60

Post by JackFr »

mminer237 wrote: post #51

Neat idea, but feels very poorly made. The light direction governs the whole grid for some reason but stops outside an arbitrary div and often just stops working period, on top of feeling laggy for such a simple effect. Channels are messed up. The example doesn't seem to work, while in the video it just makes two edges white for some reason? The color options and textures are kinda ugly. The glass colors clearly just…

And knobs are a useless control on in any mouse/pointer based interface.
Post reply on HN