Live data from Hacker News

An interactive mechanical contraption in pure CSS

cohost.org

51–58 of 58 posts

Re: An interactive mechanical contraption in pure CSS

#51
post #29

Very cool indeed. What things CSS can do in the hands of an expert these days is seriously impressive. EDIT: Cohost seems interesting... if anyone has an invite that would be lovely. Email is in my profile here.

I've been trying out Remotion to make videos in React and my mind is blown. Utilizing CSS (filters,translations,blend-modes e.t.c) has made me more proficient than I ever was in After Effects

I made remotion-confetti. :)

Re: An interactive mechanical contraption in pure CSS

#52
post #34

Super impressive use of the height of the container to set state. How it works: The left rope has a "resize: vertical" attribute set, which lets you dynamically change the height of it with only css. This influences the height of the parent container, as it's the only div that doesn't have its height set as a percentage. Every other div has is height set to a "calc()" with a percentage and an added set amount of pixe…

Thanks for this explanation. Very clever indeed.

Re: An interactive mechanical contraption in pure CSS

#55
post #22

Earlier quoted context omitted.

author here. the website that hosts this is a new social media website that allows a limited amount of html (only inline css, no js or elements), and a small subculture/arms race has developed to see who can make the wildest thing under those restrictions.

Offtocpic, but are you the person behind the blackle dark google search ui?

nope. that was around before I got this name.

Re: An interactive mechanical contraption in pure CSS

#58

Earlier quoted context omitted.

It's a bit fiddly, don't just click-drag the end of the rope, hold the mouse pointer over the end until it changes.

Yes, indeed. The positioning of the mouse cursor over the rope end in order to pull the rope appears to be much more critical in Firefox than in Chromium/Chrome. As mentioned, the mouse cursor must change into a double-pointed vertical arrow, to allow rope pulling, so the shape change identifies the right spot.

You're right, on further investigation it seems it does work but the active area of the rope end is only a ~3x3pixel square at the bottom right.

Nice of everyone to downvote my report though, as if I was just making things up in here to troll.

Post reply on HN