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 would 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!
[我還沒有深入研究HTML5,但是它太熱了,我沒法忽略它的存在。HTML5已經改變了web開發的遊戲規則,這裡我收集了10個難以置信的html5,css和javascript一起應用的例子。]
提醒:下面的例子需要在支援HTML5的瀏覽器裡運行,比如:Firefox最新版,Chrome。
- Blob
Cute little round shape character. It uses HTML5 canvas plus javascript to create such cool animation and interactivity.[可愛的小圓球人物,用到了HTML5的canvas和javascript。]
- Bubble
Generate colorful bubbles using HTML5 and of course with a magic touch of javascript.[使用HTML5和javascript產生的彩色泡泡]
- jParallax
Awesome jParallax. I have been wanted to use this in my projects, but still haven't got the chance yet. It's a plugin and it's free.[不可思議的jParallax.我一直想在自己的項目裡用這個,但是一直沒有機會,這是一個免費外掛程式]
- Firework
Never thought we can make firework with Javascript and html5.[從來沒想過我們可以用JavaScript和html5做煙花.]
- Canvas Photo
Create polaroid photo effect with HTML5 canvas. It also come with the export tool.[用HTML5的canvas建立的拍立得效果的相簿.]
- Video showcase from Apple
Apple has a sweet demonstration of video masking, scaling and changing perspective of the video.[蘋果的例子,可以縮放和改變視頻角度。]
- Photo Gallery
Another awesome demonstration. You can change the layout of the photo gallery and it has a nice blur effect.[另一個不可思議的DEMO。您可以更改照片庫布局,它有一個很好的模糊效果。]
- Particle Animation
Using 300 sprites to spell out the word. It's the demonstration of canvas particle animation.[使用300個粒子拼字單詞。這是canvas的動畫效果顯示。]
- 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.[如果你感覺蘋果的canvas視頻非常不可思議,看看這個吧,這個太牛X了!]
- 原文地址:http://www.queness.com/post/3759/10-awesome-html5-css-and-javascript-demonstrations