And people ask me why I keep calling Chrome the new Internet Explorer.
http://www.pcmag.com/article2/0,2817,2397158,00.asp is a year old, but its message is still true: "Sure, anyone can make a site that works in Chrome, so it is open in that sense. But if that site only works in Chrome and not in other major browsers, we have a lack of openness in the Web ecosystem."
At least I didn't get a "please upgrade to a modern browser" notice in Opera, like an unfortunately high number of Show HN posts have done...
The posted link is an example of experiment for measuring whether the new fancy stuff is good enough.
In the dark days of IE era, MS mainly exposed its internal Windows APIs (and security holes) to its browser. (Yeah, there was some truly good stuff too but that doesn't make MS less evil.)
It's the other way around here. All regular markup renders fine on Chrome. However, they are working on future implementations of the standard, so many things you want to use might only work on Chrome or webkit browsers.
Also, Firefox has prefixes that only work on Firefox. You wouldn't call Firefox the new Internet Explorer, would you? Hopefully not, because that would be like calling Chrome the new Internet Explorer.
That is distributed through video. There are closs-platform ways of distributing video. I feel that does the job pretty good, and certainly better than "shit".
If I go to the cinema and watch a Pixar movie, I'm quite content that they pre-rendered the thing very expensively at Pixar and I'm watching something that is limited in resolution, but much cheaper to distribute and reproduce: I feel it's OK that the web manages to reproduce that same experience pretty well.
You're totally ignoring the fact that we've got near film-quality, interactive 3D animations, running at 30 to 30 frames per second on 10 year old hardware collecting dust in people's living rooms.
Meanwhile, this simple animation isn't quite getting the minimum 24 frames per second when run full screened on my 30 inch monitor powered by a brand new MacBook Pro.
If anything, demos like this serve more to demonstrate the capabilities of the system to people who may not be aware such things are even possible, not the best practices. This wasn't possible a few years ago in this way, period - now it is. Isn't that interesting and/or useful to know?
Jiggling the handle to get these things to work seems like it will be around for quite a while
But since we ARE dealing with a JavaScript and CSS3 world....
I'm really impressed with what's being done here and the possibilities that it will bring forth:
http://radiapp.com/ (this looks very promising)
http://www.greensock.com/gsap-js/
http://www.greensock.com/css3/
http://www.greensock.com/js/speed.html
The performance is so good! Check out the Mountain Dew site to see it in action: http://mountaindew.com/
(You can tell the developers who worked on the site used to be Flash Developers; it has that sort of polished flair.)
Also this: http://www.createjs.com/#!/CreateJS
And a bit of self promotion, built for the above: https://github.com/damassi/Backbone.Create
It's the anti-moore: while smart people at Intel shrink transistors, these people build virtual machines on virtual machines to keep multiplying the constants in Big O.
These simple, linear CSS3 transitions just don't do it for me, having once experienced that. But again, it will get there in time.
Anyway I love these days. Finally flasher and non-flasher are now in a single boat towards the future.
Easy to use, performant, JSON based, and thus interoperable with many pre-existing tools. I hope it catches on.
Flagged the submission because of that.
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.
1. If one has to programmatically create all animations, then browser based animation is at same stage as 1985'ish BYTE issues where drawing a chess grid in CG was a major achievement. A lot of great animation work is done by animators who don't code or won't code (http://www.ninapaley.com). Flash provides timeline to achieve this. The newer Edge is nowhere close to that level of fineness. Where are the tools for animators who animate to create these animations? (Psst. We need another Flash!).
2. Most of the current animation we see in CSS3/HTML5/Jquery is boxy, geometric stuff. Where are animated characters? and how easy is it to do it all in one environment like Flash? I am not a banner holder for Flash but it did provide a good integrated environment to draw, animate and code too.
This is neither a rant nor any stand. I am just wishing that tools develop faster and better so that animators who visually create animation can do cool stuff in browser based animations.
Thanks for sharing a nice work of art :-)
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
It's a free download. (Mac only, at least for now -- there's a rudimentary Windows port that I'm hoping to finish one day.)
Unlike Edge, Hype and the rest of the animator apps, Radi uses the HTML5 Canvas element for rendering. The other apps basically do element-level animation using JavaScript + CSS3, whereas Radi renders frames from scratch. This allows advanced features like content keyframes, smoothly scaled brush strokes, etc.
Radi also supports HTML5 Video and Audio elements; you can create video effects and realtime Canvas script layers; and there's a minimalist Markdown editor included for text content.
2. There was (is?) a Motorola Montage project that was available as a Chrome extension "Ninja". It seems to have disappeared. Here is a Git link: https://github.com/motorola-mobility/montage
3. Adobe Edge animate is there but it is a toy as of now.
But cool stuff indeed.
I doubt if canvas(, which is basically a JS wrapper for CoreGraphics in Safari) would be better in performance.
I know, it's not meant for mobile, but I'm just curious what will happen and tested it in my 4th gen iPod Touch. Too bad both Safari and Chrome in iOS6 crashed when I press the Start button.
Ah there! Finally caught it and was able to close the tab.
So basically it freezes up for an extended period of time.
Latest patched FF, Win8.
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...).
Incredibly well-done.
very cool.
Maybe a blog post on how it was done?
I didn't have that here, so I have no idea how long I should be prepared to sit and watch it.
i can imagine many of the animations you made making their way into apps that use css for navigation, subtly grabbing user attention, etc.
great work :)
