Cool animated stuff you can do without Flash: let's collect it!

gianly1985

macrumors 6502a
Original poster
May 30, 2008
798
0
- Let's start with a wonderful HTML5 video player:
http://jilion.com/sublime/video

Check out the full-window mode (full-screen available with webkit nightlies), live resizing, controls, etc.

- Then a classic, the CSS falling leaves:
http://webkit.org/blog-files/leaves/

- A CSS3 animated AT-AT:
http://anthonycalzadilla.com/css3-ATAT/index.html




- Turn on the light-bulb e move the sign (or the bulb) around:
http://pushingpixels.at/experiments/dynamic_shadow/

- Sliding info panel:
http://spyrestudios.com/demos/sliding-panel-fixed/

- Other cool stuff:
http://demo.tutorialzine.com/2010/01/halftone-navigation-menu-jquery-css/demo.html#
http://media.24ways.org/2009/14/3/index.html
http://www.zurb.com/playground/sliding-vinyl


Post yours! :)
 

aforty

macrumors 65816
Nov 27, 2007
1,350
331
Brooklyn, NY
Adobe already has their own implementation of Flash running on HTML 5's canvas.

http://www.youtube.com/watch?v=v69S22ZBBqA#t=3m16s
Not that I needed convincing but that shows me how Apple will have no problems when it comes to Flash in a year or two. Future flash will all be deployed using HTML5 instead of the plugin, Adobe will still get revenue from lazy developers who don't want to use CSS3+Javascript -- everybody wins!
 

robbieduncan

Moderator emeritus
Jul 24, 2002
24,510
27
London
This one had my MBP overheating - Firefox was running at >100% CPU on my dual core.

Is this Flash in disguise? :eek:

Maybe HTML5 isn't the holy grail it's made out to be...
Hmm, maybe Firefox on the Mac is not as well optimised as it could be. On my work PC it had the CPU cores at 50-60% (each, dual-core). The whole point here is that optimisation of the renderer is now out of Adobe's hands and into a competitive marketplace. Apple, Google and Mozilla are in a fairly hot competition to provide better, faster, more efficient renderers. In the end that can only benefit us all.
 

colmaclean

macrumors 68000
Jan 6, 2004
1,644
181
Berlin
The whole point here is that optimisation of the renderer is now out of Adobe's hands and into a competitive marketplace. Apple, Google and Mozilla are in a fairly hot competition to provide better, faster, more efficient renderers. In the end that can only benefit us all.
Here's hoping... Just tried the same page on my 3GS - it was like a slideshow!
 

marksman

macrumors 603
Jun 4, 2007
5,763
5
Wow literally 20 seconds on that 2advanced site from the time it starts loading until you click anything.

Reminds me of the good old days of 300 baud modems.


Someone might want to convey the menu that Google uses page load time as part of their tools for ranking the usability of a site.

Taking 20 seconds before you can actually do anything on a webpage is pretty much going to score them a zero on that scale.

Unless their business is making big annoying flash web sites, that is a horrible website for a business.
 

vkramer

macrumors regular
May 15, 2008
171
0
Thats funny because 2Advanced, BigSpaceship, and the like consistently win awards for what they design, and i would imagine probably could care less about google rankings due to their popularity alone in the design community.
 

smetvid

macrumors 6502
Nov 1, 2009
412
155
This one had my MBP overheating - Firefox was running at >100% CPU on my dual core.

Is this Flash in disguise? :eek:

Maybe HTML5 isn't the holy grail it's made out to be...
Just tried this on my new 22" IMAC and yes it eats the cpu like a hog on both Firefox and Safari.

I think people forget that this is animation we are talking about here. It is going to eat the cpu no matter how you look at it. You cannot calculate that much data without using the cpu. Animation is animation. Lets not forget that both Flash and Javascript are scripting languages and not a true language like C ++. They are both going to be equally slow when you start to get very complex calculations. Flash will get better because Adobe now has a vested interest in making Flash run better but there is only so much you can do to make a programming language run in a browser. It will never ever be as good as a native application. The same will be true of javascript in HTML 5. There is only so much you can do about the performance running inside of a browser.
 

MacDawg

macrumors Core
Mar 20, 2004
19,708
4,274
"Between the Hedges"
Thats funny because 2Advanced, BigSpaceship, and the like consistently win awards for what they design, and i would imagine probably could care less about google rankings due to their popularity alone in the design community.
I didn't see anything there that I found compelling

Woof, Woof - Dawg
 

egautreaux

macrumors member
May 5, 2009
50
11
This one had my MBP overheating - Firefox was running at >100% CPU on my dual core.

Is this Flash in disguise? :eek:

Maybe HTML5 isn't the holy grail it's made out to be...
Yeah, my 1st gen ipod touch almost blew up in my hand before it shut down.
 

samcraig

macrumors P6
Jun 22, 2009
16,610
35,418
USA
I love this thread. It shows a little desperation to prove how flash isn't needed.

Quick - let's rally the troops and show everyone how much you can do without flash so them naysayer's 'ill be convinced
 

Michael CM1

macrumors 603
Feb 4, 2008
5,676
272
This one had my MBP overheating - Firefox was running at >100% CPU on my dual core.

Is this Flash in disguise? :eek:

Maybe HTML5 isn't the holy grail it's made out to be...
I don't think Firefox supports HTML5. I think only Safari and Chrome do. I also don't think all of its specs are "approved" or whatever.
 

BOSS10L

macrumors 6502a
Jan 13, 2008
588
0
Upstate NY
I love this thread. It shows a little desperation to prove how flash isn't needed.

Quick - let's rally the troops and show everyone how much you can do without flash so them naysayer's 'ill be convinced
Actually, I liken it more to "Quick, let me justify to myself the gobs of money I'm going to throw at Apple for an inferior product."

I'm sorry people, I love Apple and want to see them succeed, but the iPad is nothing but epic fail at this point.