Pure CSS3 dancing Bender • Hacker News Board

Re: Pure CSS3 dancing Bender

#41

Post by themodelplumber » Wed, Oct 23, 2013, 5:11 AM UTC

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

Re: Pure CSS3 dancing Bender

#42

Post by ck2 » Wed, Oct 23, 2013, 5:20 AM UTC

I can't believe this show is off the air. Again. Forever. :-(

Anyways, I hope ad people don't catch on to how CSS is a bit harder to block than JS.

Re: Pure CSS3 dancing Bender

#43

Post by larkinrichards » Wed, Oct 23, 2013, 5:25 AM UTC

Try zooming in your web browser for a ghostly -- some might say spooky -- disembodied bender.

Just in time for halloween.

Re: Pure CSS3 dancing Bender

#44

Post by cli_shall » Wed, Oct 23, 2013, 5:34 AM UTC

blt wrote: post #26

It seems like we should be seeing heavy duty graphical editors that output CSS3 animations. Any tools exist yet?

Well, there's this: http://www.sencha.com/products/animator/

Never used it.

Re: Pure CSS3 dancing Bender

#45

Post by ars » Wed, Oct 23, 2013, 5:35 AM UTC

lele0108 wrote: post #19

Pure CSS horse: http://codepen.io/anon/pen/tvaio

There's nothing CSS about it. It's simply an image.

Re: Pure CSS3 dancing Bender

#46

Post by ajtaylor » Wed, Oct 23, 2013, 5:54 AM UTC

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...

Right after seeing Bender dance, that was the very first thing I noticed as well.

Re: Pure CSS3 dancing Bender

#47

Post by pouzy » Wed, Oct 23, 2013, 6:20 AM UTC

This must be what CSS3 has been invented for. I can die in peace now.

Re: Pure CSS3 dancing Bender

#48

Post by benatkin » Wed, Oct 23, 2013, 6:50 AM UTC

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...

"strictly speaking" is right. It's invalid but all major browsers will handle the code just fine. Browsers are pretty damn forgiving.

It's also an easy mistake to make. All someone has to do is create an element with an ID in a child template without checking to see if that ID is already used in a parent template.

Re: Pure CSS3 dancing Bender

#49

Post by Kiro » Wed, Oct 23, 2013, 7:01 AM UTC

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 see any jQuery or even JavaScript being used.

Re: Pure CSS3 dancing Bender

#50

Post by bilalq » Wed, Oct 23, 2013, 7:04 AM UTC

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

I've seen her work posted around before, and always found myself really impressed. Thanks for the link to that video, I think it may have sparked an interest in geometry for me.

And I disagree about the practicality of a dancing bender. It's a tech demo if nothing else. I can picture a future where things like this are much easier to accomplish in CSS and we move on from using traditional images.