Introduction
I haven't really digging into HTML5 yet, but it's so hot right now I can't even avoid it. I thought it wocould take a while to adopt it by web community and I think Apple has play a role in it. apple's iPad has stimulate the acceptance of HTML5! Alright, I haven't got an iPad yet because I think I don't need it yet. okay, back to HTML5, HTML5 has changed the game of web development and it's so exciting. I have collected 10 awesome HTML5, CSS and JavaScript demonstrations that show you the power of them combined together!
[I have not studied HTML5 in depth, but it is too hot to ignore its existence. HTML5 has changed the web-based game rules. Here I have collected 10 incredible examples of HTML5, CSS, and JavaScript applications.]
Note: The following example needs to be run in a browser that supports HTML5, such as the latest firefox version and chrome version.
-
- Blob
Cute little round shape character. It uses HTML5 canvas plus JavaScript to create such cool animation and interactivity.[The cute little ball character uses HTML5 canvas and Javascript.]
-
- Bubble
Generate colorful bubbles using HTML5 and of course with a magic touch of JavaScript.[Color bubbles generated using HTML5 and JavaScript]
-
- Jparallax
Awesome jparallax. I have been wanted to use this in my projects, but still havene' t got the chance yet. It's a plugin and it's free.[Incredible jparallax. I always wanted to use this in my own project, but I never had a chance. This is a free plug-in]
-
- Firework
Never thought we can make firework with JavaScript and html5.[Never thought we could use JavaScript or HTML5 for fireworks.]
- Canvas photo
Create Polaroid photo effect with HTML5 canvas. It also come with the export tool.[Photo Album created with HTML5 canvas.]
-
- Video showcase from Apple
Apple has a sweet demonstration of video masking, scaling and changing perspective of the video.[Apple example, yesScale and change the video angle.]
- Photo Gallery
Another awesome demonstration. You can change the layout of the Photo Gallery and it has a nice blur effect.[Another incredible demo.You can change the layout of the Photo Library, which has a very good blur effect.]
-
- Particle Animation
Using 300 sprites to spell out the word. It's the demonstration of canvas particle animation.[Use 300 particles to spell words. This is the canvas animation display.]
-
- Spread
-
- Block Based destruction of HTML5 canvas video
If you think Apple's canvas video is awesome, check this out. recommended to use WebKit based browsers.[If you feel that the canvas video of apple is incredible, let's take a look at it. This is awesome.]
- original address: http://www.queness.com/post/3759/10-awesome-html5-css-and-javascript-demonstrations
