qbq 发表于 2011-12-21 08:44

10个绝妙的HTML5,CSS和Javascript示例

我还没有深入研究HTML5,但是它太热了,我没法忽略它的存在。 HTML5已经改变了web开发的游戏规则,这里我收集了10个绝妙的HTML5,CSS和Javascript示例。
<p>  提 醒:下面的例子需要在支持HTML5的浏览器里运行,比如:Firefox最新版,Chrome。</p>
<ul><li><strong><a href="http://www.blobsallad.se/" target="_blank" target="_blank">Blob</a></strong><br><img src="http://images.uheed.com/iwanna/2010/06/16/2010061522585015.jpg" alt=""><br>Cute
little round shape character. It uses HTML5 canvas plus javascriptto
create such cool animation
andinteractivity.[可爱的小圆球人物,用到了HTML5的canvas和javascript。]</li><li><strong><a href="http://3.paulhamill.com/node/39" target="_blank" target="_blank">Bubble</a></strong><br><img src="http://images.uheed.com/iwanna/2010/06/16/2010061522590488.jpg" alt=""><br>Generatecolorful bubbles using HTML5 and of course with a magic touch ofjavascript.[使用HTML5和javascript生成的彩色 泡泡]</li><li><strong><a href="http://webdev.stephband.info/parallax_demos.html" target="_blank" target="_blank">jParallax</a></strong><br><img src="http://images.uheed.com/iwanna/2010/06/16/2010061522592222.jpg" alt=""><br>Awesome
jParallax. I have been wanted to use this in my projects, butstill
haven’t got the chance yet. It’s a plugin and
it’sfree.[不可思议的jParallax.我一直想在自己的项目里用这个,但是一直没有机会,这 是一个免费插件]</li><li><a href="http://js-fireworks.appspot.com/" target="_blank" target="_blank">Firework</a><br><img src="http://images.uheed.com/iwanna/2010/06/16/2010061522593745.jpg" alt=""><br>Neverthought we can make firework with Javascript and html5.[从来没想过我们可以用JavaScript和html5做烟花.]</li><li><strong><a href="http://www.addyosmani.com/resources/canvasphoto/" target="_blank" target="_blank">Canvas Photo</a></strong><br><img src="http://images.uheed.com/iwanna/2010/06/16/2010061523004368.jpg" alt=""><br>Createpolaroid photo effect with HTML5 canvas. It also come with the exporttool.[用HTML5的canvas创建的拍立得效果的相册.]</li><li><strong><a href="http://www.apple.com/html5/showcase/video/" target="_blank" target="_blank">Videoshowcase from Apple</a></strong><br><img src="http://images.uheed.com/iwanna/2010/06/16/2010061523005244.jpg" alt=""><br>Applehas a sweet demonstration of video masking, scaling and changingperspective of the video.[苹果的例子,可以缩放和改变视频角度。]</li><li><strong><a href="http://www.apple.com/html5/showcase/gallery/" target="_blank" target="_blank">Photo Gallery</a></strong><br><img src="http://images.uheed.com/iwanna/2010/06/16/2010061523010635.jpg" alt=""><br>Another
awesome demonstration. You can change the layout of the photogallery
and it has a nice blureffect.[另一个不可思议的DEMO。您可以更改照片库布局,它有一个很好的模糊效果。]</li><li><strong><a href="http://www.feedtank.com/labs/html_canvas/" target="_blank" target="_blank">ParticleAnimation</a></strong><br><img src="http://images.uheed.com/iwanna/2010/06/16/2010061523011738.jpg" alt=""><br>Using300 sprites to spell out the word. It’s the demonstration of canvasparticle animation.[使用300个粒子拼写单词。这是 canvas的动画效果显示。]</li><li><strong><a href="http://tomtheisen.com/spread/" target="_blank" target="_blank">Spread</a><br><img src="http://images.uheed.com/iwanna/2010/06/16/2010061523012647.jpg" alt=""></strong></li><li><strong><a href="http://www.craftymind.com/factory/html5video/CanvasVideo.html" target="_blank" target="_blank">Blockbased destruction of HTML5 Canvas Video</a></strong><br><img src="http://images.uheed.com/iwanna/2010/06/16/2010061523013935.jpg" alt=""><br>If
you think apple’s canvas video is awesome, check this out.Recommended
to use webkit based browsers.[如果你感觉苹果的canvas视频非常不可思议,看看这个吧,这个太牛X了!]</li></ul>
页: [1]
查看完整版本: 10个绝妙的HTML5,CSS和Javascript示例