8 個具備 HTML5 Canvas 動畫的圖像效果
23 個好用的在線 HTML5 工具
感謝蘋果的 iOS 上不支持 Flash ,使得 HTML5 大有發展前景,越來越受歡迎。Web 上采用 HTML5 開發的游戲已經慢慢的在替換 Flash,下面是我們為你挑選的一些精彩的 HTML5 開發的游戲,或許他們能給你一些靈感來創建自己的 HTML5 游戲。
Web 開發者經常在找一些新的方法來不斷的提升頁面的速度和性能,而 HTML5 的很多新特性可以實現,讓用戶有著更好的體驗,在這里我們整理了 9 中簡單易于實現的 HTML5 技巧,或許可以對你有所幫助。
Websanova Paint 是一個利用 HTML5 畫布(canvas)技術的 jQuery 插件。它能夠讓你自由的在畫板區域使用各種顏色畫出任意的形狀,還能夠涂改。
史凱爾·辛格(Shikhir Singh)目前就職于 Sencha,擔任開發者合作高級經理。 今天是 萬維網聯盟(W3C)宣布 HTML5 完成標準制定 一 周年紀念日,也是互聯網和網絡程序開發歷史上的重要里程碑。過去一年以來,HTML5 得到了迅速普及,越來越多的公司也開始在 HTML5 上為我們開發跨平臺網絡程序。前不久,亞馬遜、Facebook、谷歌和 YouTube 通通從 Adobe Flash 轉移到了 HTML5。它們為什么這么做?為什么選擇現在?
Html5組件目標性能:web程序的html和js運行時要渲染和解釋,因些比c編譯產生的本地程序執行略慢,頁面越復雜差距越明顯;html5和css3為了改善這種狀況提供了很多新的技術手段,組件要利用這些技術,去提升ui交互體驗;設計也是提升用戶體驗的一種有手段。規范:js做為動態言語有很好的靈活性,但也缺少靜態語言的規范性能,在做大規模項目時經常帶來維護和擴展的問題;html和css不是程序員的強項,有時可以用css很簡單做到,卻寫了大量js腳本來實現;
Proton是一個靈活的html5粒子引擎。他默認支持canvas,dom,webgl,easeljs,pixel五種渲染方式,當然你還可以輕易的自定義自己的渲染器。只需10幾行代碼就可以打造你想要的粒子效果。
HTML5 打開攝像頭
Clank 是一個開源的移動和平板上的 HTML/CSS 框架。基于組件設計。
Tiddlywiki5是基于Tiddlywiki使用HTML5重寫的版本,作為Tiddlywiki2.x的后續版本。
noVNC 是一個 HTML5 VNC 客戶端,采用 HTML 5 WebSockets, Canvas 和 JavaScript 實現,noVNC 被普遍用在各大云計算、虛擬機控制面板中,比如 OpenStack Dashboard 和 OpenNebula Sunstone 都用的是 noVNC. 前面說了 noVNC 采用 WebSockets 實現,但是目前大多數 VNC 服務器都不支持 WebSockets,所以 noVNC 是不能直接連接 VNC 服務器的,怎么辦呢?需要一個代理來做 WebSockets 和 TCP sockets 之間的轉換,理解這一點很重要。
Sewise Player是一款專業的免費網頁視頻、流播放器,它功能強大,體積小,跨平臺,使用方便簡潔、
Kitjs是我2011年底,離開淘寶UED之后,自己搞起的一套HTML5的前端widget庫,原本的用途主攻手機端HTML頁面交互組件使用,正如其字面意思 Kit一樣,愿景是做一個嬌小,實用,既可以直接拿來用,也可以很方便做2次開發的一套組件。后來由于項目的越做越大,組件數的膨脹,也加入PC端瀏覽器 (IE6+,FF,chrome核心系列等等)的支持,不再僅限于原來手機開發領域,開始正式邁向全平臺。所以近期也對原來的所有模塊按照jsdoc規范 更新了一遍API文檔,逐步開源給大家使用。
Brunch 是一個輕量級的、優雅和簡單的方法構建 HTML5 應用程序的框架。
Sencha Animator 是一個基于GUI的編輯器,針對的是想要創建HTML5動畫的交互設計師。 動畫是使用Ext JS創 建的,這是一種跨瀏覽器的JavaScript庫,為RIA應用程序提供了widget,并且它會生成能夠與所有JS庫協作的純粹的CSS3動畫代碼。
下面的代碼只有在支持HTML5下的瀏覽器中運行!!
WebSocket protocol 是HTML5一種新的協議(protocol)。它是實現了瀏覽器與服務器全雙工通信(full-duplex)。
本游戲完全使用 HTML5 / JavaScript / CSS 實現,沒有用到 Flash、SilverLight 等技術。
Mercury是個采用HTML5開發的WYSIWYG編輯器類似于TinyMCE或CKEditor。但擁有不同的使用體驗。它不是放置在一個指定的元素中,而是出現在整個頁面的上面。所以可用于編輯整個頁面或任意指定一個區域。