文章來源：Best “must know” open sources to build the new Web。個(gè)人感覺這個(gè)收集貼收集成相當(dāng)?shù)娜?/p>
學(xué)習(xí)HTML 5編程和設(shè)計(jì)
- ★ HTML5 Rocks : Major Feature Groups 的學(xué)習(xí) HTML5 的資源 (HTML5 演示, 教程 ). 源碼
- 很不錯(cuò)的 HTML5 Dashboard – Mozilla，效果很炫。
- WhatWG Developers, 一個(gè)清楚的 HTML5 技術(shù)規(guī)格說明書。
- ★ StackOverflow : 大名鼎鼎的技術(shù)問答式論壇。
- ★ Addyosmani, jQuery 和 JavaScript 文章教程
- Sohtanaka, jQuery 和 JavaScript 文章和教程
- ★ Nettuts+ 是一個(gè)面對(duì)Web開發(fā)人員和設(shè)計(jì)人員的網(wǎng)站，提供各種技術(shù)教程和文章，覆蓋 HTML, CSS, Javascript, CMS’s, PHP 和 Ruby on Rails.
- Codrops, 教程和 web 資源
- WebAppers, 最好的開源資源
- Tutorialzine – PHP MySQL jQuery CSS 教程, 資源和贈(zèng)品
- Mozilla JavaScript guide
- codes snippets, 作者自己收集的一些代碼片段
服務(wù)器端的軟件
- ★ Node.js 是服務(wù)器端的 JavaScript 環(huán)境，其使用了異步事件驅(qū)動(dòng)模式。其讓Node.js在很多互聯(lián)網(wǎng)應(yīng)用體系結(jié)構(gòu)下獲得非常不錯(cuò)的性能。 源碼 和 實(shí)時(shí)演示。
- PhantomJS 也是一個(gè)服務(wù)器端的 JavaScript API的WebKit。其支持各種Web標(biāo)準(zhǔn)： DOM 處理, CSS 選擇器, JSON, Canvas, 和 SVG
- Lighttpd 一個(gè)輕量級(jí)的開源Web服務(wù)器。新聞，文檔，benchmarks, bugs, 和 download. Lighttpd 支撐了幾個(gè)非常著名的 Web 2.0 網(wǎng)站，如：YouTube, wikipedia 和 meebo.
- NGinx, 性能巨高無比的輕量級(jí)的Web服務(wù)器。比Apache高多了。花了6年的時(shí)間，終于走到了1.0版。
- Apache HTTP Server 是一個(gè)很流行的并支持多個(gè)流行的操作系統(tǒng)的Web服務(wù)器。
- ★ PHP 可能是最流行的服務(wù)器端的Web腳本動(dòng)態(tài)處理語言。
- 當(dāng)然，還有 Ruby, Python, Erlang, Perl, Java, .NET, Android, C++, Go, Fantom,CoffeeScript, D, …
PHP 框架和工具
數(shù)據(jù)庫
- ★ Apache CouchDB 是一個(gè)面向文檔的數(shù)據(jù)庫管理系統(tǒng)。它提供以JSON 作為數(shù)據(jù)格式的REST 接口來對(duì)其進(jìn)行操作，并可以通過視圖來操縱文檔的組織和呈現(xiàn)。.源碼.
- MonoQL 是一個(gè)采用PHP+ExtJS開發(fā)的MySQL數(shù)據(jù)庫管理工具。界面極像一個(gè)桌面應(yīng)用程序，支持大部分常用的功能包括：表格設(shè)計(jì)，數(shù)據(jù)瀏覽/編輯，數(shù)據(jù)導(dǎo)入/導(dǎo)出和高級(jí)查詢等。
- MariaDB 是MySQL的一個(gè)分支，由MySQL 創(chuàng)始人Monty Widenius 所開發(fā)。GPL，用來對(duì)抗Oracle所有的MySQL的license的不測(cè)。自O(shè)racle收購SUN以來，整個(gè)社區(qū)對(duì)于MySQL前途的擔(dān)憂就沒有停止過。
- ★ SQLite 不像常見的客戶端/服務(wù)器結(jié)構(gòu)范例，SQLite引擎不是個(gè)程序與之通信的獨(dú)立進(jìn)程，而是連接到程序中成為它的一個(gè)主要部分。所以主要的通信協(xié)議是在編程 語言內(nèi)的直接API調(diào)用。這在消耗總量、延遲時(shí)間和整體簡(jiǎn)單性上有積極的作用。整個(gè)數(shù)據(jù)庫（定義、表、索引和數(shù)據(jù)本身）都在宿主主機(jī)上存儲(chǔ)在一個(gè)單一的文 件中。它的簡(jiǎn)單的設(shè)計(jì)是通過在開始一個(gè)事務(wù)的時(shí)候鎖定整個(gè)數(shù)據(jù)文件而完成的。庫實(shí)現(xiàn)了多數(shù)的SQL-92標(biāo)準(zhǔn)，包括事務(wù)，就是代表原子性、一致性、隔離性 和持久性的（ACID），觸發(fā)器和多數(shù)的復(fù)雜查詢。不進(jìn)行類型檢查。你可以把字符串插入到整數(shù)列中。某些用戶發(fā)現(xiàn)這是使數(shù)據(jù)庫更加有用的創(chuàng)新，特別是與無 類型的腳本語言一起使用的時(shí)候。其他用戶認(rèn)為這是主要的缺點(diǎn)。
- SQL 在線設(shè)計(jì)編輯器，這一節(jié)的那個(gè)圖片就是這個(gè)在線編輯器的樣子了。一個(gè)畫數(shù)據(jù)庫圖表的在線工具。很強(qiáng)大。
API 和 在線數(shù)據(jù)
在線代碼和媒體編輯器
- ★ CodeRun Studio一個(gè)基于JavaScript語言開發(fā)的跨平臺(tái)的集成開發(fā)環(huán)境，它立足于云計(jì)算的設(shè)計(jì)思路，方便開發(fā)者在瀏覽器端便可以輕松開發(fā)、調(diào)試和部署網(wǎng)絡(luò)應(yīng)用程序。（參看《Coderun.com 在線開發(fā)IDE》）
- Cloud9 IDE – 一個(gè)基于Node.JS構(gòu)建的JavaScript程序開發(fā)Web IDE。它擁有一個(gè)非常快的文本編輯器支持為JS, HTML, CSS和這幾種的混合代碼進(jìn)行著色顯示。
- ★ jsFiddle – Javascript的在線運(yùn)行展示框架，這個(gè)工具可以有效的幫助web前端開發(fā)人員來有效分享和演示前端效果，其簡(jiǎn)單而強(qiáng)大 (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)
- Akshell，一種云服務(wù)，它使用服務(wù)端的JavaScript和在線的IDE幫助開發(fā)者進(jìn)行快速應(yīng)用程序開發(fā)。 它還提供云托管，所以部署是即時(shí)的。
- JSONeditor, 一個(gè)好用的JSON 編輯器
- ★ TinyMCE 一個(gè)輕量級(jí)的基于瀏覽器的所見即所得編輯器，支持目前流行的各種瀏覽器，由JavaScript寫成。
- Ext Designer 是一個(gè)桌面應(yīng)用工具，幫助你快速開發(fā)基于ExtJS 的用戶界面。
- ★ LucidChart，一款基于最新的html5技術(shù)的在線圖表繪制軟件，功能強(qiáng)大，速度快捷，運(yùn)行此軟件需要支持html5的瀏覽器。
- Balsamiq Mockups, 產(chǎn)品設(shè)計(jì)師繪制線框圖或產(chǎn)品原型界面的利器。
- Color Scheme Designer 3 - 一個(gè)免費(fèi)的線上調(diào)色工具
- ★ Pixlr, 是一個(gè)來自瑞典基于Flash的免費(fèi)在線圖片處理網(wǎng)站。除了操作介面和功能接近Photoshop，還是多語言版本，支持簡(jiǎn)體中文。（以前酷殼介紹過）
- Aviary, 是一個(gè)基于HTML5 的在線圖片處理工具，可以很容易的對(duì)圖片進(jìn)行后期處理。 Aviary API
- Favicon Generator, 線上favicon(16×16)制作工具。
代碼資源和版本控制
- ★ GitHub 是一個(gè)用于使用Git版本控制系統(tǒng)的項(xiàng)目的基于互聯(lián)網(wǎng)的存取服務(wù)。
- Git 是一個(gè)由Linus為了更好地管理linux內(nèi)核開發(fā)而創(chuàng)立的分布式版本控制／軟件配置管理軟件。其巨快無比，高效，采用了分布式版本庫的方式，不必服務(wù)器端軟件支持，使源代碼的發(fā)布和交流極其方便。
- Google Code 谷歌公司官方的開發(fā)者網(wǎng)站，包含各種開發(fā)技術(shù)的API、開發(fā)工具、以及開發(fā)技術(shù)參考資料。
- Google Libraries API Google 將優(yōu)秀的 JavaScript 框架部署在其 CDN 上，在我們的網(wǎng)站上使用 Google Libraries API 可以加速 JavaScript 框架的加載速度。
- Snipplr 一個(gè)開放的源代碼技巧分享社區(qū)，號(hào)稱Code 2.0。和一般的源碼分享網(wǎng)站不同，它針對(duì)的并不是大型網(wǎng)站源碼，而是一些編程的代碼技巧。
JavaScript 桌面應(yīng)用框架
- ★ jQuery 是一個(gè)快速、簡(jiǎn)單的JavaScript library， 它簡(jiǎn)化了HTML 文件的traversing，事件處理、動(dòng)畫、Ajax 互動(dòng)，從而方便了網(wǎng)頁制作的快速發(fā)展。 源碼, API, API瀏覽, 很不錯(cuò)的文檔.
- ★ 官方的 jQuery User Interface (UI) library (演示和文檔). 源碼,Themes Roller, Download.
- YUI 2 — Yahoo! User Interface Library
- Mootools, 一個(gè)超級(jí)輕量級(jí)的 web2.0 JavaScript framework
- Prototype 提供面向?qū)ο蟮腏avascript和AJAX
- Dojo The Dojo Toolkit，一個(gè)強(qiáng)大的無法被打敗的面向?qū)ο驤avaScript框架。主要由三大模塊組成：Core、Dijit、DojoX。Core提供 Ajax,events,packaging,CSS-based querying,animations,JSON等相關(guān)操作API。Dijit是一個(gè)可更換皮膚，基于模板的WEB UI控件庫。DojoX包括一些創(chuàng)新/新穎的代碼和控件：DateGrid，charts，離線應(yīng)用，跨瀏覽器矢量繪圖等。
- ★ Ext JS 4, 業(yè)內(nèi)最強(qiáng)大的 JavaScript framework。
- PHP.js, 一個(gè)開源的JavaScript 庫，它嘗試在JavaScript 中實(shí)現(xiàn)PHP 函數(shù)。在你的項(xiàng)目中導(dǎo)入PHP.JS 庫，可以在靜態(tài)頁面使用你喜歡的PHP 函數(shù)。
JavaScript 移動(dòng)和觸摸框架
- ★ jQuery Mobile : 是 jQuery 在手機(jī)上和平板設(shè)備上的版本。jQuery Mobile 不僅會(huì)給主流移動(dòng)平臺(tái)帶來jQuery核心庫，而且會(huì)發(fā)布一個(gè)完整統(tǒng)一的jQuery移動(dòng)UI框架。支持全球主流的移動(dòng)平臺(tái)。jQuery Mobile開發(fā)團(tuán)隊(duì)說：能開發(fā)這個(gè)項(xiàng)目，我們非常興奮。移動(dòng)Web太需要一個(gè)跨瀏覽器的框架，讓開發(fā)人員開發(fā)出真正的移動(dòng)Web網(wǎng)站。我們將盡全力去滿 足這樣的需求。 Sources.
- Zepto.js Zepto.js 是支持移動(dòng)WebKit瀏覽器的JavaScript框架，具有與jQuery兼容的語法。2-5k的庫，通過不錯(cuò)的API處理絕大多數(shù)的基本工作。 Sources.
- MicroJS : Microjs網(wǎng)站應(yīng)用列出了很多輕量的Javascript類庫和框架，它們都很小，大部分小于5kb。這樣你不需要因?yàn)橹恍枰粋€(gè)功能就要加載一個(gè)JS的框架。
- ★ PhoneGap :是一款開源的手機(jī)應(yīng)用開發(fā)平臺(tái)，它僅僅只用HTML和JavaScript語言就可以制作出能在多個(gè)移動(dòng)設(shè)備上運(yùn)行的應(yīng)用。 Sources.
- ★ Sencha Touch Sencha Touch 是一個(gè)支持多種智能手機(jī)平臺(tái)（iPhone, Android, 和BlackBerry）的 HTML5 框架。Sencha Touch可以讓你的Web App看起來像Native App。美麗的用戶界面組件和豐富的數(shù)據(jù)管理，全部基于最新的HTML5和CSS3的 WEB標(biāo)準(zhǔn)，全面兼容Android和Apple iOS設(shè)備。
- JQtouch, 是一個(gè)jQuery 的插件，主要用于手機(jī)上的Webkit 瀏覽器上實(shí)現(xiàn)一些包括動(dòng)畫、列表導(dǎo)航、默認(rèn)應(yīng)用樣式等各種常見UI效果的JavaScript 庫。 Sources.
- DHTMLX Touch 針對(duì)移動(dòng)和觸摸設(shè)備的JavaScript 框架。DHTMLX Touch基于HTML5，創(chuàng)建移動(dòng)web應(yīng)用。它不只是一組UI 小工具，而是一個(gè)完整的框架，可以針對(duì)移動(dòng)和觸摸設(shè)備創(chuàng)建跨平臺(tái)的web應(yīng)用。它兼容主流的web瀏覽器，用DHTMLX Touch創(chuàng)建的應(yīng)用，可以在iPad、iPhone、Android智能手機(jī)等上面運(yùn)行流暢。
jQuery 插件
- Waypoints 是一個(gè)jQuery 用來實(shí)現(xiàn)捕獲各種滾動(dòng)事件的插件，例如實(shí)現(xiàn)無翻頁的內(nèi)容瀏覽，或者固定某個(gè)元素不讓滾動(dòng)等等。支持主流瀏覽器版本。
- Lazy loader 插件可以實(shí)現(xiàn)圖片的延遲加載，當(dāng)網(wǎng)頁比較長(zhǎng)的時(shí)候，會(huì)先只加載用戶視窗內(nèi)的圖片，視窗外的圖片會(huì)等到你拖動(dòng)滾動(dòng)條至后面才加載，這樣有效的避免了因圖片過多而加載慢的弊端。
- TweenJS : 一個(gè)簡(jiǎn)單和強(qiáng)大的 tweening / animation 的Javascript庫。
- Easings 類Css3的jQuery 動(dòng)畫插件
- Spritely 這個(gè)插件可以創(chuàng)建出如flash一樣的動(dòng)畫效果，比如：在頁面上有一只飛動(dòng)的小鳥，一個(gè)動(dòng)態(tài)滾動(dòng)的背景等。
- File Upload, jQuery 文件上傳插件4.4.1
- Slideshow/Carousel 插件. Sources.
- Supersized – 全屏式的背景/幻燈片插件
- Masonry i一款非常酷的自動(dòng)排版插件，這款jQuery工具可以根據(jù)網(wǎng)格來自動(dòng)排列水平和垂直元素，超越原來的css. Sources.
- jQuery 簡(jiǎn)單 Layout 演示，管理各種邊欄式，可改變大小式的布局。
- Flexigrid – jQuery 數(shù)據(jù)表插件
- Isotope絕對(duì)是一個(gè)令人難以置信的jQuery插件，你可以用它來創(chuàng)建動(dòng)態(tài)和智能布局。你可以隱藏和顯示與過濾項(xiàng)目，重新排序和整理甚至更多。
- Super Gestures jQuery 插件可以實(shí)現(xiàn)鼠標(biāo)手勢(shì)的功能。
- MouseWheel 是由Brandon Aaron開發(fā)的jQuery插件，用于添加跨瀏覽器的鼠標(biāo)滾輪支持。
- AutoSuggest jQuery 插件可以讓你添加一些自動(dòng)完成的功能。
- qTip 一個(gè)漂亮的jQuery 的工具提示插件，這個(gè)插件功能相當(dāng)強(qiáng)大。
- jQuery Charts and graphic 用來制作圖表。
- jQuery Tools– The missing UI library
其它 jQuery 資源
HTML5 視頻播放器
- ★ Popcorn.js 是一個(gè)HTML5 Video框架，它提供了易于使用的API來同步交互式內(nèi)容，讓操作HTML5 Video元素的屬性，方法和事件變得簡(jiǎn)單易用。 (來自Mozilla)
- LeanBack Player HTML5視頻播放器,沒有依賴任何JavaScript框架。支持全屏播放，音量控制，在同一個(gè)頁面中播放多個(gè)視頻。 (來自Google)
- Vid.ly 為你上傳的視頻提供轉(zhuǎn)換功能，并且為轉(zhuǎn)換后的視頻創(chuàng)建一個(gè)短網(wǎng)址。通過Vid.ly，讓你的視頻可以在14種不同的瀏覽器和設(shè)備上播放，不需要再去考慮將 要瀏覽視頻的人使用什么設(shè)備了，以避免各各軟件巨頭之間的利益之爭(zhēng)帶來了不兼容，給用戶帶來了巨大的困擾，短網(wǎng)址讓你可以通過Twitter、 Facebook等方式方便分享視頻。Vid.ly還可以通過html代碼嵌入到其他網(wǎng)頁中。Vid.ly免費(fèi)帳戶空間為1GB，免費(fèi)帳戶也沒有播放或?yàn)g 覽限制。
JavaScript 音頻處理與可視化效果
- ★ 使用HTML5 和 Flash, SoundManager V2 只用單一API的提供了可靠，簡(jiǎn)單和強(qiáng)大的跨平臺(tái)的音頻處理。
- DSP, JavaScript的聲音Digital Signal Processing
- The Radiolab Hyper Audio Player v1, 帶給你 WNYC Radiolab, SoundCloud 和 Mozilla Drumbeat
- jPlayer, 一個(gè) jQuery HTML5 音頻/ 視頻庫，功能齊全的API
JavaScript 圖形 和 3D
- ★ Processing.js是一個(gè)開放的編程語言，在不使用Flash或Java小程序的前提下, 可以實(shí)現(xiàn)程序圖像、動(dòng)畫和互動(dòng)的應(yīng)用。其使用Web標(biāo)準(zhǔn)，無需任何插件。
- ★ Javascript 3D 引擎: ThreeJS 由 Mr Doob 開發(fā)，一個(gè)輕量級(jí)的 3D 引擎，不需要了解細(xì)節(jié)，傻瓜都能使用。這個(gè)引擎可以使用<canvas>, <svg> 和 WebGL.
- Shader Toy, 一款使用WebGL的在線著色器編輯器(2D/3D). 基于在線的應(yīng)用架構(gòu)使您無需下載任何軟件即可開始體驗(yàn). Shader Toy包含大量實(shí)用著色器, 諸如光線追蹤, 場(chǎng)景距離渲染, 球體, 隧道, 變形, 后期處理特效等.
- PhiloGL, Sencha的PhiloGL是首個(gè)WebGL開發(fā)工具之一，提供了高水準(zhǔn)的功能，來構(gòu)建WebGL應(yīng)用。Sencha創(chuàng)建了幾個(gè)演示，來描述框架交互式3D虛擬化的能力，比如3D view of global temperature changes。
- WebGL Inspector 你就Firebug等Web調(diào)試工具一樣，這個(gè)是 WebGL的調(diào)試工具。
- WebGL frameworks 由 Khronos Group 收集的一個(gè)WebGL框架列表。
- EaselJS, 一個(gè)使用html5的canvas的 JavaScript 庫. Sources.
- JavaScript Game Frameworks 免費(fèi)的JS游戲框架列表。另，可參看 JS游戲框架列表。
- Raphaël是一個(gè)小型的JavaScript 庫，用來簡(jiǎn)化在頁面上顯示向量圖的工作。你可以用它在頁面上繪制各種圖表、并進(jìn)行圖片的剪切、旋轉(zhuǎn)等操作。參看Javascript向量圖Lib–Raphaël
- jQuery SVG 插件讓你可以了 SVG canvas 進(jìn)行交互。
- Google chart tools – 參看本站的使用Google API做統(tǒng)計(jì)圖
- Arbor.js, 是一個(gè)利用webworkers和jQuery創(chuàng)建的數(shù)據(jù)圖形可視化JavaScript框架。它為圖形組織和屏幕刷新處理提供了一個(gè)高效、力導(dǎo)向布局算法。
JavaScript 瀏覽器接口 (HTML5)
- ★ Modernizr – 是一個(gè)專為HTML5 和CSS3 開發(fā)的功能檢測(cè)類庫，可以根據(jù)瀏覽器對(duì)HTML5 和CSS3 的支持程度提供更加便捷的前端優(yōu)化方案.Sources. 一個(gè)有用的列表 cross-browser Polyfills
- HTML5Shiv : 該項(xiàng)目的目的是為了讓IE 能識(shí)別HTML5 的元素。
- Polyfills : 這個(gè)項(xiàng)目收集了一些代碼片段其用Javascript支持不同的瀏覽器的特別功能，有些代碼需要Flash。
- YepNopeJS : 一個(gè)異步的條件式的加載器。Sources.
- jQuery CSS3 Finalise : 是否厭倦了為每一個(gè)瀏覽器的CSS3屬性加前綴？
- ★ Amplify.js :一套用于web應(yīng)用數(shù)據(jù)管理和應(yīng)用程序通訊的 jQuery 組件庫。 提供簡(jiǎn)單易用的API接口。Amplify的目標(biāo)是通過為各種數(shù)據(jù)源提供一個(gè)統(tǒng)一的程序接口簡(jiǎn)化各種格式數(shù)據(jù)的數(shù)據(jù)處理。Amplify的存儲(chǔ)組件使用 localStorage 和 sessionStorage標(biāo)準(zhǔn)處理客戶端的存儲(chǔ)信息，對(duì)一些老的瀏覽器支持可能有問題。Amplify’為jQuery的ajax方法request 增加了一些額外的特性。 Sources.
- History.js 優(yōu)美地支持了HTML5 History/State APIs
- Socket.IO Web的socket編程。
JavaScript 工具
- ★ {{mustaches}} 小型的 JavaScript 模板引擎。
- json:select(), CSS式的JSON選擇器
- HeadJS, 異步JavaScript裝載。其最大特點(diǎn)就是不僅可以按順序執(zhí)行還可以并發(fā)裝載載js。
- JsDoc Toolkit是一款輔助工具，你只需要根據(jù)約定在JavaScript 代碼中添加相應(yīng)的注釋，它就可以根據(jù)這些注釋來自動(dòng)生成API文檔。
- Responsive image, 一個(gè)試驗(yàn)性的項(xiàng)目，用來處理responsive layouts 式的圖片。
- UglifyJS是基于NodeJS的Javascript語法解析/壓縮/格式化工具，它支持任何CommonJS模塊系統(tǒng)的Javascript平臺(tái)。
- Dhteumeuleu, 交互式的 DOM 腳本和DHTML 的開源演示。
- Backbone是 一個(gè)前端 JS 代碼 MVC 框架，被著名的 37signals 用來構(gòu)建他們的移動(dòng)客戶端。它不可取代 Jquery，不可取代現(xiàn)有的Template 庫。而是和這些結(jié)合起來構(gòu)建復(fù)雜的 web 前端交互應(yīng)用。如果項(xiàng)目涉及大量的 javascript 代碼，實(shí)現(xiàn)很多復(fù)雜的前端交互功能，首先你會(huì)想到把數(shù)據(jù)和展示分離。使用 Jquery 的 selector 和 callback 可以輕松做到這點(diǎn)。但是對(duì)于富客戶端的WEB應(yīng)用大量代碼的結(jié)構(gòu)化組織非常必要。Backbone 就提供了 javascript 代碼的組織的功能。Backbone 主要包括 models, collections, views 和 events, controller 。
客戶端和模擬器
CSS3 和 字庫
Website (FULL) 模板
- ★ HTML5 Boilerplate 是一個(gè)HTML5 / CSS / js模板，是實(shí)現(xiàn)跨瀏覽器正常化、性能優(yōu)化，穩(wěn)定的可選功能如跨域Ajax和Flash的最佳實(shí)踐。 項(xiàng)目的開發(fā)商稱之為技巧集合，目的是滿足您開發(fā)一個(gè)跨瀏覽器，并且面向未來的網(wǎng)站的需求。 Sources.
- HTML5 starter pack 是一個(gè)干凈的和有組織的目錄結(jié)構(gòu)，其可適合很多項(xiàng)目，還有一些很常用的文件，以及簡(jiǎn)單的Photoshop設(shè)計(jì)模板。
- ★ Initializr 是一個(gè)HTML5 模板生成器，其可以幫你在15秒內(nèi)創(chuàng)建一個(gè)HTML5的項(xiàng)目。
- Animated Portfolio Gallery （教程）
- Slick MobileApp Website 如果通過 jQuery 和 CSS 制作一個(gè)手機(jī)應(yīng)用的網(wǎng)站。
- RSS Reader 如果通過 jQuery Mobile 創(chuàng)建一個(gè)RSS Reader
- ★ Single Page Applications 使用jQuery的朋友們 (Backbone, Underscore, …)創(chuàng)建單一頁面。
- Google TV Optimized Templates, 傳統(tǒng)電視已經(jīng)開始和網(wǎng)路融合，但現(xiàn)階段產(chǎn)業(yè)仍然正在摸索之中，為此將來的網(wǎng)頁亦會(huì)有結(jié)構(gòu)上的改變。Google TV Optimized Templates是 一個(gè)用HTML/JavaScript制成的開源軟體，一如其名是一個(gè)對(duì)Google TV作出了最佳化的的網(wǎng)頁范本，其特色是以遙控器作為操作的前提，令使用者無需輸入任何文字就可以進(jìn)行控制。未來除了會(huì)有專用遙控器外，還會(huì)采用智能手機(jī) 透過W-iFi控制Google TV的方法。Optimized Templates的界面中左方會(huì)展示分類，右方會(huì)顯示該分類下的影片截圖，影片播放、切換、全畫面表示都可透過鍵盤上的方向鍵、Backspace或 Enter等鍵完成，方便今后的網(wǎng)站開發(fā)人員借鏡。HTML5 版的模板使用了 Google TV UI library, jQuery 和 Closure 。
（全文完）