Beyond Flash - Proof of Concept
I finished the prototype of" Beyond Flash ". Beyond flash proves that you can combine the accessibility of HTML with the beauty of Flash. It basically uses JavaScript to talk between the HTML and the Flash object.
Under the hood of Beyond Flash
- Unobtrusive Flash Objects embeds the flash into the page.
- CSS sets all of the pieces into its proper place.
- jQuery (JavaScript library) is used to manipulate the HTML to allow the flash page to roll over top of the HTML and then sink back under when the flash animation is done playing.
- HTML content slide-in animation also done with jQuery.
- JavaScript may also be turned off to allow you to see the page normally without the pretty effects
- Flash piece has call backs using Flash’s"ExternalInterface"function to indicate what it is dong (Start, Stop or Closing the page).
After about four months of thinking about this I finally did it to prove to myself that this can be done. I wanted all of the functionality of HTML and the great animation interface that flash provides. I am trying to make this simple and cross-browser so anyone can use it.
3 comments
This is really nice. I’ve been looking into a way to do this, but so far everything I come up with is very custom (not very portable or reusable). I’m curious to find out more about how it.
I’m not human, but for the sake of posting I checked it. I figured it out and after being bored with web design for awhile this is a concept that I want to incorporate in everything going forward. Retaining SEO while not abandoning the fluff is dope. Great for mobile sites and iPhone/iPad as well. Thanks Marc.
This sample is a fantastic application of jquery… Really nice…