Evil Doctor Browser vs CSS3 Spiderman
Well, she begged, she cried
She pleaded with me all last night
She wants me to go out
And find somebody to fight
- HERO BLUES
Here at Kaldor Towers, we’ve been spending a lot of time comparing the performance of the browsers on various phones and tablets. Our latest scientific study involved the newly created CSS3 Spiderman by Anthony Calzadilla (@acalzadilla). Have a look at all his other animations too. He rocks.
Anyway – to the experiment. The video below shows our test devices, all of which run WebKit, showing the animation at the same time. WARNING: The way Spiderman is dismembered/vanished/frozen in time by some of the villainous devices may offend some viewers. And apologies for the excessive shaking and bad lighting.
The devices used for the experiment:
- Samsung Galaxy S GT-I9000 running Android 2.2 (Froyo.XXJPO)
- Samsung Galaxy Tab GT-P1000 running Android 2.2 (Froyo.XWJJ7)
- Motorola XOOM MZ601 running Androod 3.0.1 (Honeycomb H.6.1-38-1)
- Google Nexus S running Android 2.3.4 (Gingerbread)
- iPad 2 running iOS 5 Beta 1 [REDACTED. DETAILS LATER]
- iPad 2 running iOS 4.3
- iPad 1 running iOS 4.3.1
- iPhone 4 running iOS 4.3.1
The repeatable testing methodology:
- Kill all other applications running on the device
- Browse to http://www.optimum7.com/css3-man/animation.html on the device browsers
- Run the the whole animation so that all the assets are preloaded
- Turn off the sound on all devices except one to avoid going insane
- Start all the animations again at roughly the same time
- Watch in horror as spidey is mutilated
With great power comes great responsibility. Android and iOS both have great power. Time for them to improve their browsers. Especially the Android devices.
RSS Feed
Follow Me
I have heard that this CSS3 Spiderman animation by Anthony Calzadilla (@acalzadilla) shown on different WebKit devices. This is cool and great huh.
THIS VIDEO SHOWS OUR TEST DEVICES I HAVE USED IT.
like it Jon great demonstration. We had loads of issues getting standard HTML5 canvas animations to preform on different devices.
I also had an Air app Xcompiled with FB Borrito. running on ipad2 and Xoom ipad worked better can’t believe it.
Hey Bomfy,
I downloaded Pugpig. Looks very good. Been working on Apple iOS thus year- nice development tools.
Cheers,
Ray
Damn having to develop for do many platforms!
When I initially commented I clicked the -Notify me when new comments are added- checkbox and now each time a remark is added I get 4 emails with the identical comment. Is there any way you can take away me from that service? Thanks!
very nice collection i bet thats worth a bit the new amazing spiderman looks quite good
Thank you a bunch for sharing this with all people you really know what you’re speaking about! Bookmarked. Please additionally seek advice from my site =). We can have a link exchange contract between us!
Your style is unique compared to other folks I have read
stuff from. Thanks for posting when you’ve got the opportunity, Guess
I will just book mark this web site.