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

Pure CSS3 dancing Bender

liveweave.com

Post reply on HN
Print view View original

51–60 of 67 posts

Re: Pure CSS3 dancing Bender

#51

Post by Kiro »

apaprocki wrote: post #6

This is nuts -- but sadly dancing Bender is not too practical. (Unless the dancing trend catches on and GitHub releases the dancing Octocat to production...) For more practical CSS madness, I'd recommend Ana Tudor's creations[1]. She had a cool talk at CSSConf.eu about the math behind building some of her CSS creations.[2] [1]: http://codepen.io/thebabydino/public/ [2]: http://www.youtube.com/watch?v=w9HeWBH_kvg

Wow. Dancing Bender is cool but it's basically just keyframes. Ana Tudor's CSS is on another level.

Re: Pure CSS3 dancing Bender

#52

Post by digitailor »

I love when people see the potential to use HTML structure as a makeshift DAG. Similarly, once the DOM got fully grokked in the mid-2000s, it was if the web changed overnight. From flat documents to a flexible graph. And to do this without JS? We're talking no actual imperative code here, just dead structure and presentation markup.

This is one of the first CSS animations I've seen that works flawlessly for me, at least on the iPhone. I also noticed the non-unique ID attrs as is noted below, but let's be real. With that amount of CSS to conceive of and write, would you really glance twice at the twenty lines of HTML you're using as a fly-by-night DAG? For a non-commercial passion project? The creator of this was in the ZONE!

The pure insanity makes me grin and long for the pre-teen days where there was time for this. All the ANSI art, the HyperCard stacks, the strange games made using dirt-cheap language implementations. Sigh, but a nice sigh. Also makes me damn grateful for open source and standards.

Re: Pure CSS3 dancing Bender

#54

Post by JosephRedfern »

themodelplumber wrote: post #41
liamondrop wrote: post #37

Not to detract from the creativity here, but the id attribute specifies its element's unique identifier[1]. Strictly speaking, this should never happen: ... [1] http://www.w3.org/TR/2013/WD-html51-20130528/dom.html#the-id...

Yeah, not sure why it's not throwing a bunch of jQuery errors in the console

> Pure CSS3

Re: Pure CSS3 dancing Bender

#56

Post by dspillett »

themodelplumber wrote: post #41
liamondrop wrote: post #37

Not to detract from the creativity here, but the id attribute specifies its element's unique identifier[1]. Strictly speaking, this should never happen: ... [1] http://www.w3.org/TR/2013/WD-html51-20130528/dom.html#the-id...

Yeah, not sure why it's not throwing a bunch of jQuery errors in the console

I don't think any Javascript is in use at all here, but if it were I would not expect errors but instead simply unexpected behaviour as browsers tend to just try do something if what you are asking isn't clear (for instance if a jquery selector returns nothing, any changes you chain after the call just apply to that nothing instead of complaining that they expect to have some nodes to act on).

Multiple elements with the same ID is wrong of course, so you can't guarantee what will happen if you use and ID based selector: three equally (in)correct interpretations would be "act on the first element you find with that ID", "act on all elements with that ID", and "error because we don't expect to find more than one". By breaking the standard you are exposing yourself to undefined behaviour - the browser can do what it likes and each environment might do something different.

Post reply on HN