[html5]10 Awesome HTML5, CSS and Javascript Demonstrations

來源:互聯網
上載者:User
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
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.