之前我們必須借助第三方軟件比如Flash等,才能實現(xiàn)流媒體播放等精彩應用。但是HTML5的出現(xiàn)讓很多發(fā)生了改變。它不但可以播放視頻和音頻,而且還可以開發(fā)出各種在線應用程序,如標識的地理位置、圖片處理、離線存儲等。本人就向我們介紹了最近國外的一些使用HTML5開發(fā)的有趣網站。 當然,前提是您得擁有一個支持HTML5的瀏覽器。

一、圖片編輯

百鳥居的HTML5的圖片編輯器十分的非常方便快捷,可以說它將在線圖片編輯創(chuàng)新化。 通過簡單的上傳和點擊,任何人都可以通過互聯(lián)網編輯精美的圖片,或者通過多層操作來執(zhí)行簡單的圖層合并、單層編輯等功能。 

二、處理圖片

本網站使用了HTML5的Canvas元素來創(chuàng)建一個圖層列表,通過從圖片庫選擇圖片添加后,會新建一個新的圖層,每一層都可以通過操縱將圖片進行:移動、縮放、旋轉、改變圖層上下級、刪除層、改變透明度、改變混合模式、啟用或禁用的圖片陰影。 

三、待辦事項

 

5List是一個使用HTML5、CSS3和JavaScript編寫的記事本,利用了HTML5的功能,包括localStorage,它具有客戶端數(shù)據(jù)庫存儲功能。通過5List,可將用戶提交的待辦數(shù)據(jù)保存到用戶本地機器上。

 

四、拖拽圖片上傳

這個使用HTML5開發(fā)的圖片上傳功能,在Mozilla的Firefox3.6中測試通過,發(fā)現(xiàn)Firefox3.6支持HTML5的部分功能。 它支持將圖片直接拖拽到瀏覽器進行上傳。

五、谷歌吃豆子

這是谷哥為紀念吃豆子游戲30周年,將網站首頁換成此游戲LOGO而設計的!據(jù)說這個游戲255關,包括最后一關!

六、表單

一個非常有用的表單示例代碼,使用HTML5開發(fā),包含了常見的表單操作,它能將需要的表單字段進行驗證、字段占位符、日期選擇器和電子郵件驗證等,可用于網頁和手機網頁等具體領域。

七、在線繪圖

MURO是一個純HTML5開發(fā)的在線繪圖工具,它有兩種模式:基本和專業(yè),它們都免費使用。 MURO支持效果有濾鏡、銳化工具和畫筆,所有的操作在一個直觀和簡單的界面里進行,使用相當容易。

八、地理定位

延伸閱讀

學習是年輕人改變自己的最好方式-Java培訓,做最負責任的教育,學習改變命運,軟件學習,再就業(yè),大學生如何就業(yè),幫大學生找到好工作,lphotoshop培訓,電腦培訓,電腦維修培訓,移動軟件開發(fā)培訓,網站設計培訓,網站建設培訓學習是年輕人改變自己的最好方式