Pure CSS3 dancing Bender • Hacker News Board

Re: Pure CSS3 dancing Bender

#31

Post by com2kid » Wed, Oct 23, 2013, 4:13 AM UTC

null_ptr wrote: post #11

The legs slide horizontally off Bender's ass on Firefox 24 on Linux :-( Nevertheless, great work!

Likewise, doesn't work in FF24 on Windows either, nor in IE10.

I am wondering if this works in anything aside from Webkit based browsers.

Re: Pure CSS3 dancing Bender

#32

Post by BinaryBullet » Wed, Oct 23, 2013, 4:16 AM UTC

Unfortunately Bandcamp's embed doesn't seem to be working in Firefox/liveweave for me, but here's a theme song added:

http://liveweave.com/bhu7HB

Re: Pure CSS3 dancing Bender

#33

Post by padolsey » Wed, Oct 23, 2013, 4:16 AM UTC

lele0108 wrote: post #19

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

Oh, clever you.

Re: Pure CSS3 dancing Bender

#34

Post by anigbrowl » Wed, Oct 23, 2013, 4:19 AM UTC

null_ptr wrote: post #11

The legs slide horizontally off Bender's ass on Firefox 24 on Linux :-( Nevertheless, great work!

You're looking at it the wrong way. This Bender features detachable locomotors.

Re: Pure CSS3 dancing Bender

#35

Post by anigbrowl » Wed, Oct 23, 2013, 4:20 AM UTC

apaprocki wrote: post #9

Tyrant505 wrote: post #7

Earlier quoted context omitted.

Great additions but again read my post.

Yeah, I don't want to be critical -- just wanted to point to some other lower-level shapes that might be easier for others to learn from and build upon. 100% believe we need more dancing characters, not less.

It looks like you're designing a user interface. Would you like some help with that?

Re: Pure CSS3 dancing Bender

#36

Post by ciokan » Wed, Oct 23, 2013, 4:20 AM UTC

lubujackson wrote: post #18

How does.. I don't even... Is there some tool they used to make this? Because my human brain can't imagine how this came to exist.

Yes there is: http://www.sencha.com/products/animator/

Re: Pure CSS3 dancing Bender

#37

Post by liamondrop » Wed, Oct 23, 2013, 4:23 AM UTC

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

Re: Pure CSS3 dancing Bender

#38

Post by girvo » Wed, Oct 23, 2013, 4:24 AM UTC

camkego wrote: post #16

null_ptr wrote: post #11

The legs slide horizontally off Bender's ass on Firefox 24 on Linux :-( Nevertheless, great work!

Works on iOS 7 Safari and Chrome for me, but not IE10. It seems to bring into question the practicality of multi-browser support of these complex 'apps' utilizing fancy CSS and HTML5.

A lot of the neat features used in demo's like this (although I haven't checked this ones code specifically yet) often rely on prefixed features and the like; it's more for showing what could be, rather than what is per se.

Re: Pure CSS3 dancing Bender

#39

Post by yngccc » Wed, Oct 23, 2013, 4:33 AM UTC

remind me of CSS 3D teapot.

http://yow.eventer.com/yow-2012-1012/the-story-of-the-teapot...

Re: Pure CSS3 dancing Bender

#40

Post by jroseattle » Wed, Oct 23, 2013, 4:41 AM UTC

lele0108 wrote: post #19

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

// center the horse, they like that

Pure comment gold.