- 相關(guān)推薦
國外使用HTML5開(kāi)發(fā)的網(wǎng)站
在HTML 5未成熟應用的時(shí)候，流媒體播放等一些精彩應用必須借助第三方軟件才可以實(shí)現，比如Flash等。但是現在HTML 5已經(jīng)將其超過(guò)，它不但可以播放視頻和音頻，而且還可以開(kāi)發(fā)出各種網(wǎng)絡(luò )在線(xiàn)應用程序，如標識的地理位置、離線(xiàn)存儲、拖放、圖片處理等。在這篇文章中，我們來(lái)看看最近國外的一些使用HTML 5開(kāi)發(fā)的網(wǎng)站。請注意，您將需要一個(gè)支持HTML 5的瀏覽器。
一、處理圖片
網(wǎng)址：http://radikalfx.com/files/collage/demo.html
本網(wǎng)站使用了HTML 5的Canvas元素來(lái)創(chuàng )建一個(gè)圖層列表，通過(guò)從圖片庫選擇圖片添加后，會(huì )新建一個(gè)新的圖層，每一層都可以通過(guò)操縱將圖片進(jìn)行：移動(dòng)、縮放、旋轉、改變圖層上下級、刪除層、改變透明度、改變混合模式、啟用或禁用的圖片陰影。
二、圖片編輯
網(wǎng)址：http://www.aviary.com/html5editor
百鳥(niǎo)居的HTML 5的圖片編輯器十分的非常方便快捷，可以說(shuō)它將在線(xiàn)圖片編輯革新化。 通過(guò)簡(jiǎn)單的上傳和點(diǎn)擊，任何人都可以通過(guò)互聯(lián)網(wǎng)編輯精美的圖片，或者通過(guò)多層操作來(lái)執行簡(jiǎn)單的圖層合并、單層編輯等功能。
三、待辦事項
網(wǎng)址：http://10k.aneventapart.com/Uploads/58/
5List是一個(gè)使用HTML 5、CSS 3和JavaScript編寫(xiě)的記事本，利用了HTML 5的功能，包括localStorage，它具有客戶(hù)端數據庫存儲功能。通過(guò)5List，可將用戶(hù)提交的待辦數據保存到用戶(hù)本地機器上。
四、拖拽圖片上傳
網(wǎng)址：http://demos.hacks.mozilla.org/openweb/imageUploader/
這個(gè)使用HTML 5開(kāi)發(fā)的圖片上傳功能，在Mozilla的Firefox 3.6中測試通過(guò)，發(fā)現Firefox 3.6支持HTML 5的部分功能。 它支持將圖片直接拖拽到瀏覽器進(jìn)行上傳。
五、谷歌吃豆子
網(wǎng)址：http://html5games.net/game/google-pacman/
這是谷哥為紀念吃豆子游戲30周年，將網(wǎng)站首頁(yè)換成此游戲LOGO而設計的！據說(shuō)這個(gè)游戲255關(guān)，包括最后一關(guān)!
六、表單
網(wǎng)址：http://thinkvitamin.com/code/fun-with-html5-forms/
一個(gè)非常有用的表單示例代碼，使用HTML 5開(kāi)發(fā)，包含了常見(jiàn)的表單操作，它能將需要的表單字段進(jìn)行驗證、字段占位符、日期選擇器和電子郵件驗證等，可用于網(wǎng)頁(yè)和手機網(wǎng)頁(yè)等具體領(lǐng)域。
七、圖表
網(wǎng)址：http://www.humblesoftware.com/finance/index
HumbleFinance是使用HTML 5開(kāi)發(fā)的數據可視化工具，如使用HTML 5進(jìn)行交互式數據圖形演示，它可用于顯示任何兩個(gè)2-D的數據集。
八、在線(xiàn)幻燈片制作
網(wǎng)址：http://10k.aneventapart.com/Uploads/143/
此幻燈片展示了HTML 5的localStorage和ContentEditable功能，應用十分豐富。簡(jiǎn)單的操作界面，利用CSS 3功能，同時(shí)又保持較小的文件大小。它支持將內容“自動(dòng)保存”到本地（通過(guò)localStorage），擁有增加、減少和主題更換操作。
九、在線(xiàn)繪圖
網(wǎng)址：http://muro.deviantart.com/
MURO是一個(gè)純HTML 5開(kāi)發(fā)的在線(xiàn)繪圖工具，它有兩種模式：基本和專(zhuān)業(yè)，它們都免費使用。 MURO支持效果有濾鏡、銳化工具和畫(huà)筆，所有的操作在一個(gè)直觀(guān)和簡(jiǎn)單的界面里進(jìn)行，使用相當容易。
十、地理定位
網(wǎng)址：http://studio.html5rocks.com/#Geolocation
這個(gè)Web應用程序會(huì )自動(dòng)檢測您所在的位置，然后使用谷歌地圖返回附近的就業(yè)信息。 不過(guò)需要注意的是，它要求分享您瀏覽器所處的地址信息。
【國外使用HTML5開(kāi)發(fā)的網(wǎng)站】相關(guān)文章：
國外公路項目使用的規范標準情10-22
HTML5的發(fā)展08-15
nofollow標簽在網(wǎng)站優(yōu)化中的使用技巧07-08
HTML5未來(lái)發(fā)展趨勢07-08
關(guān)于HTML5的新特性介紹01-04
HTML5的15個(gè)常用特性01-21
HTML5的安全風(fēng)險詳析07-30
商務(wù)國外禮儀10-20