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

Show HN: CSS3 animation

thegoodman.cc

Post reply on HN
Print view View original

21–30 of 101 posts

Re: Show HN: CSS3 animation

#21

Post by kitx »

Firstly, this is fantastic. Really beautiful work and you've reframed what I thought was possible with CSS animations.

The CSS is remarkably economical and I notice that you aren't using any javascript libraries other than jQuery.

Can you share how you keyframed and timed the animation work? Laying these out by hand must be an exercise in tedium? In particular I'm talking about scenes.css which is where the bulk of the animation happens (https://github.com/podrivo/thegoodman/blob/master/files/scen...).

Re: Show HN: CSS3 animation

#23

Post by tekmate »

RyanZAG wrote: post #17

Don't try to open this page with Noscript enabled in Firefox - it locks up the browser. I'm guessing that without the javascript to control the CSS, everything runs amok. Seems like you could make a browser DoS attack by simply copying this page and stripping out the javascript? Might be worth a try... for science.

I turned noscript off and it still locked up.

Re: Show HN: CSS3 animation

#24

Post by Hopka »

RyanZAG wrote: post #17

Don't try to open this page with Noscript enabled in Firefox - it locks up the browser. I'm guessing that without the javascript to control the CSS, everything runs amok. Seems like you could make a browser DoS attack by simply copying this page and stripping out the javascript? Might be worth a try... for science.

I don't have NoScript and opening the page still made Firefox lock up.

Flagged the submission because of that.

Re: Show HN: CSS3 animation

#25

Post by podrivo »

kitx wrote: post #21

Firstly, this is fantastic. Really beautiful work and you've reframed what I thought was possible with CSS animations. The CSS is remarkably economical and I notice that you aren't using any javascript libraries other than jQuery. Can you share how you keyframed and timed the animation work? Laying these out by hand must be an exercise in tedium? In particular I'm talking about scenes.css which is where the bulk of t…

I've separated the song in small scenes and animate them separately. There were storyboards too.

Re: Show HN: CSS3 animation

#26

Post by RyanZAG »

Hopka wrote: post #24
RyanZAG wrote: post #17

Don't try to open this page with Noscript enabled in Firefox - it locks up the browser. I'm guessing that without the javascript to control the CSS, everything runs amok. Seems like you could make a browser DoS attack by simply copying this page and stripping out the javascript? Might be worth a try... for science.

I don't have NoScript and opening the page still made Firefox lock up. Flagged the submission because of that.

Flagging the submission seems like the wrong approach - this is something Firefox needs to fix quickly. I believe some websites let you insert your own CSS in certain cases, and this could easily be abused...

There needs to be a limit on how much time can be spent trying to render CSS or a popup box asking if you want to close it similar to how javascript behaves.

Re: Show HN: CSS3 animation

#27

Post by g2e »

ryanac wrote: post #16
MojoJolo wrote: post #13

Earlier quoted context omitted.

Your first difficulty is also my concern / question. Are there still no IDE that can do those animations? I know that there will be in the future. But I hope it will happen soon.

Edge: http://html.adobe.com/edge A5: http://www.a5-animator.com Hippo: http://hippostudios.co.uk Sencha Animator: http://www.sencha.com/products/animator Motion Composer: http://www.aquafadas.com/en/motioncomposer Mac Only: Purple: http://www.purpleanimator.com Tumult Hype: http://tumult.com/hype Online/Cloud Based Tools: Mugeda: https://www.mugeda.com Blysk: http://bly.sk

Why aren't web animations more popular due to these apps? Is there something wrong with Edge for example?

Re: Show HN: CSS3 animation

#29

Post by gnufied »

podrivo wrote: post #5
19_ploT wrote: post #2

This was good. Who is the vocalist? Sounds like Michael Caine to me.

I think it's Jonathan Hutchings, a Finnish DJ. Got it from here: http://www.whiskyfun.com/Gigs/Husky-Rescue.html

On somewhat unrelated note. Thanks for using the music. I have always been huge fan of Husky Rescue (and this particular track). Did you had to get their permission?
Post reply on HN