九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

學(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ī)格說(shuō)明書(shū)。
• ★ StackOverflow : 大名鼎鼎的技術(shù)問(wèn)答式論壇。
• ★ Addyosmani, jQuery 和 JavaScript 文章教程
• Sohtanaka, jQuery 和 JavaScript 文章和教程
• ★ Nettuts+ 是一個(gè)面對(duì)Web開(kāi)發(fā)人員和設(shè)計(jì)人員的網(wǎng)站，提供各種技術(shù)教程和文章，覆蓋 HTML, CSS, Javascript, CMS’s, PHP 和 Ruby on Rails.
• Codrops, 教程和 web 資源
• WebAppers, 最好的開(kāi)源資源
• 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í)的開(kāi)源Web服務(wù)器。新聞，文檔，benchmarks, bugs, 和 download. Lighttpd 支撐了幾個(gè)非常著名的 Web 2.0 網(wǎng)站，如：YouTube, wikipedia 和 meebo.
• NGinx, 性能巨高無(wú)比的輕量級(jí)的Web服務(wù)器。比Apache高多了?；?年的時(shí)間，終于走到了1.0版。
• Apache HTTP Server 是一個(gè)很流行的并支持多個(gè)流行的操作系統(tǒng)的Web服務(wù)器。
• ★ PHP 可能是最流行的服務(wù)器端的Web腳本動(dòng)態(tài)處理語(yǔ)言。
• 當(dāng)然，還有 Ruby, Python, Erlang, Perl, Java, .NET, Android, C++, Go, Fantom,CoffeeScript, D, …

PHP 框架和工具

• ★ WordPress 是一個(gè)基于博客系統(tǒng)的開(kāi)源軟件。參看《WordPress是怎么贏的？》
• Drupal 是一個(gè)內(nèi)容管理系統(tǒng) (CMS).
• Centurion 是一個(gè)新出現(xiàn)的開(kāi)源 CMS ，一個(gè)靈然的 PHP5 Content Management Framework. 使用 Zend Framework, 其組件堅(jiān)持通用，簡(jiǎn)單，清楚和可重用的設(shè)計(jì)原則。
• phpBB 一個(gè)開(kāi)源的論壇（國(guó)內(nèi)的Discuz！更多）
• ★ SimplePie : 超快的，易用的,  RSS  和 Atom feed PHP解析。
• ★ PHPthumb, PHP 圖片處理庫(kù)
• ★ PHPMailer 強(qiáng)大的全功能的PHP郵件庫(kù)
• PubSubHubbub協(xié)議，一個(gè)簡(jiǎn)單，開(kāi)放， server-to-server 的 pubsub (publish/subscribe) 協(xié)議——Atom and RSS的擴(kuò)展。
• 更多的請(qǐng)參看 – 20個(gè)你應(yīng)該知道PHP庫(kù) 和 9個(gè)強(qiáng)大免費(fèi)的PHP庫(kù)

數(shù)據(jù)庫(kù)

• ★ Apache CouchDB 是一個(gè)面向文檔的數(shù)據(jù)庫(kù)管理系統(tǒng)。它提供以JSON 作為數(shù)據(jù)格式的REST 接口來(lái)對(duì)其進(jìn)行操作，并可以通過(guò)視圖來(lái)操縱文檔的組織和呈現(xiàn)。.源碼.
• MonoQL 是一個(gè)采用PHP+ExtJS開(kāi)發(fā)的MySQL數(shù)據(jù)庫(kù)管理工具。界面極像一個(gè)桌面應(yīng)用程序，支持大部分常用的功能包括：表格設(shè)計(jì)，數(shù)據(jù)瀏覽/編輯，數(shù)據(jù)導(dǎo)入/導(dǎo)出和高級(jí)查詢等。
• MariaDB 是MySQL的一個(gè)分支，由MySQL 創(chuàng)始人Monty Widenius 所開(kāi)發(fā)。GPL，用來(lái)對(duì)抗Oracle所有的MySQL的license的不測(cè)。自O(shè)racle收購(gòu)SUN以來(lái)，整個(gè)社區(qū)對(duì)于MySQL前途的擔(dān)憂就沒(méi)有停止過(guò)。
• ★ SQLite 不像常見(jiàn)的客戶端/服務(wù)器結(jié)構(gòu)范例，SQLite引擎不是個(gè)程序與之通信的獨(dú)立進(jìn)程，而是連接到程序中成為它的一個(gè)主要部分。所以主要的通信協(xié)議是在編程語(yǔ)言內(nèi)的直接API調(diào)用。這在消耗總量、延遲時(shí)間和整體簡(jiǎn)單性上有積極的作用。整個(gè)數(shù)據(jù)庫(kù)（定義、表、索引和數(shù)據(jù)本身）都在宿主主機(jī)上存儲(chǔ)在一個(gè)單一的文件中。它的簡(jiǎn)單的設(shè)計(jì)是通過(guò)在開(kāi)始一個(gè)事務(wù)的時(shí)候鎖定整個(gè)數(shù)據(jù)文件而完成的。庫(kù)實(shí)現(xiàn)了多數(shù)的SQL-92標(biāo)準(zhǔn)，包括事務(wù)，就是代表原子性、一致性、隔離性和持久性的（ACID），觸發(fā)器和多數(shù)的復(fù)雜查詢。不進(jìn)行類(lèi)型檢查。你可以把字符串插入到整數(shù)列中。某些用戶發(fā)現(xiàn)這是使數(shù)據(jù)庫(kù)更加有用的創(chuàng)新，特別是與無(wú)類(lèi)型的腳本語(yǔ)言一起使用的時(shí)候。其他用戶認(rèn)為這是主要的缺點(diǎn)。
• SQL 在線設(shè)計(jì)編輯器，這一節(jié)的那個(gè)圖片就是這個(gè)在線編輯器的樣子了。一個(gè)畫(huà)數(shù)據(jù)庫(kù)圖表的在線工具。很強(qiáng)大。

API 和 在線數(shù)據(jù)

• ProgrammableWeb, 最流行的Web Services 和 API 目錄大全。
• Google Data Protocol 一組Google服務(wù)的數(shù)據(jù)服務(wù)API。
• Yahoo! Developer Network – APIs 和 Tools
• Yahoo! Pipes 可視化在線編程工具，它是一個(gè)用于過(guò)濾、轉(zhuǎn)換和聚合網(wǎng)頁(yè)內(nèi)容的服務(wù)。
• ★ The Yahoo! Query Language 一個(gè)很像 SQL的網(wǎng)頁(yè)查詢工具。

在線代碼和媒體編輯器

• ★ CodeRun Studio一個(gè)基于JavaScript語(yǔ)言開(kāi)發(fā)的跨平臺(tái)的集成開(kāi)發(fā)環(huán)境，它立足于云計(jì)算的設(shè)計(jì)思路，方便開(kāi)發(fā)者在瀏覽器端便可以輕松開(kāi)發(fā)、調(diào)試和部署網(wǎng)絡(luò)應(yīng)用程序。（參看《Coderun.com 在線開(kāi)發(fā)IDE》）
• Cloud9 IDE – 一個(gè)基于Node.JS構(gòu)建的JavaScript程序開(kāi)發(fā)Web IDE。它擁有一個(gè)非?？斓奈谋揪庉嬈髦С譃镴S, HTML, CSS和這幾種的混合代碼進(jìn)行著色顯示。
• ★ jsFiddle – Javascript的在線運(yùn)行展示框架，這個(gè)工具可以有效的幫助web前端開(kāi)發(fā)人員來(lái)有效分享和演示前端效果，其簡(jiǎn)單而強(qiáng)大 (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)
• Akshell，一種云服務(wù)，它使用服務(wù)端的JavaScript和在線的IDE幫助開(kāi)發(fā)者進(jìn)行快速應(yīng)用程序開(kāi)發(fā)。 它還提供云托管，所以部署是即時(shí)的。
• JSONeditor, 一個(gè)好用的JSON 編輯器
• ★ TinyMCE 一個(gè)輕量級(jí)的基于瀏覽器的所見(jiàn)即所得編輯器，支持目前流行的各種瀏覽器，由JavaScript寫(xiě)成。
• Ext Designer 是一個(gè)桌面應(yīng)用工具，幫助你快速開(kāi)發(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è)來(lái)自瑞典基于Flash的免費(fèi)在線圖片處理網(wǎng)站。除了操作介面和功能接近Photoshop，還是多語(yǔ)言版本，支持簡(jiǎn)體中文。（以前酷殼介紹過(guò)）
• 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)核開(kāi)發(fā)而創(chuàng)立的分布式版本控制／軟件配置管理軟件。其巨快無(wú)比，高效，采用了分布式版本庫(kù)的方式，不必服務(wù)器端軟件支持，使源代碼的發(fā)布和交流極其方便。
• Google Code 谷歌公司官方的開(kāi)發(fā)者網(wǎng)站，包含各種開(kāi)發(fā)技術(shù)的API、開(kāi)發(fā)工具、以及開(kāi)發(fā)技術(shù)參考資料。
• Google Libraries API Google 將優(yōu)秀的 JavaScript 框架部署在其 CDN 上，在我們的網(wǎng)站上使用 Google Libraries API 可以加速 JavaScript 框架的加載速度。
• Snipplr 一個(gè)開(kāi)放的源代碼技巧分享社區(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)畫(huà)、Ajax 互動(dòng)，從而方便了網(wǎng)頁(yè)制作的快速發(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)大的無(wú)法被打敗的面向?qū)ο驤avaScript框架。主要由三大模塊組成：Core、Dijit、DojoX。Core提供Ajax,events,packaging,CSS-based querying,animations,JSON等相關(guān)操作API。Dijit是一個(gè)可更換皮膚，基于模板的WEB UI控件庫(kù)。DojoX包括一些創(chuàng)新/新穎的代碼和控件：DateGrid，charts，離線應(yīng)用，跨瀏覽器矢量繪圖等。
• ★ Ext JS 4, 業(yè)內(nèi)最強(qiáng)大的 JavaScript framework。
• PHP.js, 一個(gè)開(kāi)源的JavaScript 庫(kù)，它嘗試在JavaScript 中實(shí)現(xiàn)PHP 函數(shù)。在你的項(xiàng)目中導(dǎo)入PHP.JS 庫(kù)，可以在靜態(tài)頁(yè)面使用你喜歡的PHP 函數(shù)。

JavaScript 移動(dòng)和觸摸框架

• ★ jQuery Mobile : 是 jQuery 在手機(jī)上和平板設(shè)備上的版本。jQuery Mobile 不僅會(huì)給主流移動(dòng)平臺(tái)帶來(lái)jQuery核心庫(kù)，而且會(huì)發(fā)布一個(gè)完整統(tǒng)一的jQuery移動(dòng)UI框架。支持全球主流的移動(dòng)平臺(tái)。jQuery Mobile開(kāi)發(fā)團(tuán)隊(duì)說(shuō)：能開(kāi)發(fā)這個(gè)項(xiàng)目，我們非常興奮。移動(dòng)Web太需要一個(gè)跨瀏覽器的框架，讓開(kāi)發(fā)人員開(kāi)發(fā)出真正的移動(dòng)Web網(wǎng)站。我們將盡全力去滿足這樣的需求。 Sources.
• Zepto.js Zepto.js 是支持移動(dòng)WebKit瀏覽器的JavaScript框架，具有與jQuery兼容的語(yǔ)法。2-5k的庫(kù)，通過(guò)不錯(cuò)的API處理絕大多數(shù)的基本工作。 Sources.
• MicroJS : Microjs網(wǎng)站應(yīng)用列出了很多輕量的Javascript類(lèi)庫(kù)和框架，它們都很小，大部分小于5kb。這樣你不需要因?yàn)橹恍枰粋€(gè)功能就要加載一個(gè)JS的框架。
• ★ PhoneGap :是一款開(kāi)源的手機(jī)應(yīng)用開(kāi)發(fā)平臺(tái)，它僅僅只用HTML和JavaScript語(yǔ)言就可以制作出能在多個(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看起來(lái)像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)畫(huà)、列表導(dǎo)航、默認(rèn)應(yīng)用樣式等各種常見(jiàn)UI效果的JavaScript 庫(kù)。 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 用來(lái)實(shí)現(xiàn)捕獲各種滾動(dòng)事件的插件，例如實(shí)現(xiàn)無(wú)翻頁(yè)的內(nèi)容瀏覽，或者固定某個(gè)元素不讓滾動(dòng)等等。支持主流瀏覽器版本。
• Lazy loader 插件可以實(shí)現(xiàn)圖片的延遲加載，當(dāng)網(wǎng)頁(yè)比較長(zhǎng)的時(shí)候，會(huì)先只加載用戶視窗內(nèi)的圖片，視窗外的圖片會(huì)等到你拖動(dòng)滾動(dòng)條至后面才加載，這樣有效的避免了因圖片過(guò)多而加載慢的弊端。
• TweenJS : 一個(gè)簡(jiǎn)單和強(qiáng)大的 tweening / animation 的Javascript庫(kù)。
• Easings 類(lèi)Css3的jQuery 動(dòng)畫(huà)插件
• Spritely 這個(gè)插件可以創(chuàng)建出如flash一樣的動(dòng)畫(huà)效果，比如：在頁(yè)面上有一只飛動(dòng)的小鳥(niǎo)，一個(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)格來(lái)自動(dòng)排列水平和垂直元素，超越原來(lái)的css. Sources.
• jQuery 簡(jiǎn)單 Layout 演示，管理各種邊欄式，可改變大小式的布局。
• Flexigrid – jQuery 數(shù)據(jù)表插件
• Isotope絕對(duì)是一個(gè)令人難以置信的jQuery插件，你可以用它來(lái)創(chuàng)建動(dòng)態(tài)和智能布局。你可以隱藏和顯示與過(guò)濾項(xiàng)目，重新排序和整理甚至更多。
• Super Gestures jQuery 插件可以實(shí)現(xiàn)鼠標(biāo)手勢(shì)的功能。
• MouseWheel 是由Brandon Aaron開(kāi)發(fā)的jQuery插件，用于添加跨瀏覽器的鼠標(biāo)滾輪支持。
• AutoSuggest jQuery 插件可以讓你添加一些自動(dòng)完成的功能。
• qTip 一個(gè)漂亮的jQuery 的工具提示插件，這個(gè)插件功能相當(dāng)強(qiáng)大。
• jQuery Charts and graphic 用來(lái)制作圖表。
• jQuery Tools– The missing UI library

其它 jQuery 資源

• http://www.smashingmagazine.com/2011/04/07/useful-javascript-and-jquery-tools-libraries-plugins
• http://webdesigneraid.com/weekly-html5-news-and-inspirations-%E2%80%93-tutorials-tools-resources-and-freebies-v-2/
• http://www.designer-daily.com/15-useful-jquery-plugins-and-tutorials-5207
• http://www.julien-verkest.fr/22/11/2007/240-plugins-jquery
• http://www.hotscripts.com/blog/10-great-html5-experiments-apps/
• http://www.noupe.com/jquery/excellent-jquery-navigation-menu-tutorials.html
• http://www.noupe.com/php/20-useful-php-jquery-tutorials.html
• http://aext.net/2010/04/excellent-jquery-plugins-resources-for-data-presentation-and-grid-layout/
• http://webdesigneraid.com/html5-canvas-graphing-solutions-every-web-developers-must-know/
• http://gestureworks.com/features/open-source-gestures/
• http://edtechdev.wordpress.com/2011/01/14/some-exciting-new-html5javascript-projects/
• http://net.tutsplus.com/articles/web-roundups/30-developers-you-must-subscribe-to-as-a-javascript-junkie/

HTML5 視頻播放器

• ★ Popcorn.js 是一個(gè)HTML5 Video框架，它提供了易于使用的API來(lái)同步交互式內(nèi)容，讓操作HTML5 Video元素的屬性，方法和事件變得簡(jiǎn)單易用。 (來(lái)自Mozilla)
• LeanBack Player HTML5視頻播放器,沒(méi)有依賴任何JavaScript框架。支持全屏播放，音量控制，在同一個(gè)頁(yè)面中播放多個(gè)視頻。 (來(lái)自Google)
• Vid.ly 為你上傳的視頻提供轉(zhuǎn)換功能，并且為轉(zhuǎn)換后的視頻創(chuàng)建一個(gè)短網(wǎng)址。通過(guò)Vid.ly，讓你的視頻可以在14種不同的瀏覽器和設(shè)備上播放，不需要再去考慮將要瀏覽視頻的人使用什么設(shè)備了，以避免各各軟件巨頭之間的利益之爭(zhēng)帶來(lái)了不兼容，給用戶帶來(lái)了巨大的困擾，短網(wǎng)址讓你可以通過(guò)Twitter、Facebook等方式方便分享視頻。Vid.ly還可以通過(guò)html代碼嵌入到其他網(wǎng)頁(yè)中。Vid.ly免費(fèi)帳戶空間為1GB，免費(fèi)帳戶也沒(mé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 音頻/ 視頻庫(kù)，功能齊全的API

JavaScript 圖形 和 3D

• ★ Processing.js是一個(gè)開(kāi)放的編程語(yǔ)言，在不使用Flash或Java小程序的前提下, 可以實(shí)現(xiàn)程序圖像、動(dòng)畫(huà)和互動(dòng)的應(yīng)用。其使用Web標(biāo)準(zhǔn)，無(wú)需任何插件。
• ★ Javascript 3D 引擎: ThreeJS 由 Mr Doob 開(kāi)發(fā)，一個(gè)輕量級(jí)的 3D 引擎，不需要了解細(xì)節(jié)，傻瓜都能使用。這個(gè)引擎可以使用<canvas>, <svg> 和 WebGL.
• Shader Toy, 一款使用WebGL的在線著色器編輯器(2D/3D). 基于在線的應(yīng)用架構(gòu)使您無(wú)需下載任何軟件即可開(kāi)始體驗(yàn). Shader Toy包含大量實(shí)用著色器, 諸如光線追蹤, 場(chǎng)景距離渲染, 球體, 隧道, 變形, 后期處理特效等.
• PhiloGL, Sencha的PhiloGL是首個(gè)WebGL開(kāi)發(fā)工具之一，提供了高水準(zhǔn)的功能，來(lái)構(gòu)建WebGL應(yīng)用。Sencha創(chuàng)建了幾個(gè)演示，來(lái)描述框架交互式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 庫(kù). Sources.
• JavaScript Game Frameworks 免費(fèi)的JS游戲框架列表。另，可參看 JS游戲框架列表。
• Raphaël是一個(gè)小型的JavaScript 庫(kù)，用來(lái)簡(jiǎn)化在頁(yè)面上顯示向量圖的工作。你可以用它在頁(yè)面上繪制各種圖表、并進(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 開(kāi)發(fā)的功能檢測(cè)類(lèi)庫(kù)，可以根據(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 組件庫(kù)。提供簡(jiǎn)單易用的API接口。Amplify的目標(biāo)是通過(guò)為各種數(shù)據(jù)源提供一個(gè)統(tǒng)一的程序接口簡(jiǎn)化各種格式數(shù)據(jù)的數(shù)據(jù)處理。Amplify的存儲(chǔ)組件使用localStorage 和 sessionStorage標(biāo)準(zhǔn)處理客戶端的存儲(chǔ)信息，對(duì)一些老的瀏覽器支持可能有問(wèn)題。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ù)這些注釋來(lái)自動(dòng)生成API文檔。
• Responsive image, 一個(gè)試驗(yàn)性的項(xiàng)目，用來(lái)處理responsive layouts 式的圖片。
• UglifyJS是基于NodeJS的Javascript語(yǔ)法解析/壓縮/格式化工具，它支持任何CommonJS模塊系統(tǒng)的Javascript平臺(tái)。
• Dhteumeuleu, 交互式的 DOM 腳本和DHTML 的開(kāi)源演示。
• Backbone是一個(gè)前端 JS 代碼 MVC 框架，被著名的 37signals 用來(lái)構(gòu)建他們的移動(dòng)客戶端。它不可取代 Jquery，不可取代現(xiàn)有的Template 庫(kù)。而是和這些結(jié)合起來(lái)構(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 。

客戶端和模擬器

• BrowserShot, 檢查瀏覽器的兼容性，跨瀏覽器平器的測(cè)試
• Test everything… 輸入一個(gè)你想要測(cè)試的URL……
• Android browser 模擬器
• iPhone browser 模擬器
• Opera browser 模擬器
• ★ Firebug 與 Firefox 集成，可以查看和調(diào)試你的Web頁(yè)面。

CSS3 和 字庫(kù)

• ★ CSS3 Maker CCS3的生成器
• 容易地創(chuàng)建 CSS3 animations。 Sencha Animator 是一個(gè)桌面應(yīng)用可以為WebKit瀏覽器和觸摸式移動(dòng)設(shè)備創(chuàng)建 CSS3 animations 。
• CSSwarp – CSS 文本扭曲生成器
• Gradient Editor, 一個(gè)強(qiáng)大的Photoshop式的CSS 漸變編譯器。來(lái)自 ColorZilla
• ★ Google Web Fonts 通過(guò)Google Web Fonts API 可以瀏覽所有的字體
• @font-face Kit Generator, 為Web轉(zhuǎn)換字體
• Typetester, 比較字體。
• Media Queries. 一組 responsive web 設(shè)計(jì)。
• Pattern TAP, UI組件。

Website (FULL) 模板

• ★ HTML5 Boilerplate 是一個(gè)HTML5 / CSS / js模板，是實(shí)現(xiàn)跨瀏覽器正?；?、性能優(yōu)化，穩(wěn)定的可選功能如跨域Ajax和Flash的最佳實(shí)踐。 項(xiàng)目的開(kāi)發(fā)商稱之為技巧集合，目的是滿足您開(kāi)發(fā)一個(gè)跨瀏覽器，并且面向未來(lái)的網(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 如果通過(guò) jQuery 和 CSS 制作一個(gè)手機(jī)應(yīng)用的網(wǎng)站。
• RSS Reader 如果通過(guò) jQuery Mobile 創(chuàng)建一個(gè)RSS Reader
• ★ Single Page Applications 使用jQuery的朋友們 (Backbone, Underscore, …)創(chuàng)建單一頁(yè)面。
• Google TV Optimized Templates, 傳統(tǒng)電視已經(jīng)開(kāi)始和網(wǎng)路融合，但現(xiàn)階段產(chǎn)業(yè)仍然正在摸索之中，為此將來(lái)的網(wǎng)頁(yè)亦會(huì)有結(jié)構(gòu)上的改變。Google TV Optimized Templates是一個(gè)用HTML/JavaScript制成的開(kāi)源軟體，一如其名是一個(gè)對(duì)Google TV作出了最佳化的的網(wǎng)頁(yè)范本，其特色是以遙控器作為操作的前提，令使用者無(wú)需輸入任何文字就可以進(jìn)行控制。未來(lái)除了會(huì)有專用遙控器外，還會(huì)采用智能手機(jī)透過(guò)W-iFi控制Google TV的方法。Optimized Templates的界面中左方會(huì)展示分類(lèi)，右方會(huì)顯示該分類(lèi)下的影片截圖，影片播放、切換、全畫(huà)面表示都可透過(guò)鍵盤(pán)上的方向鍵、Backspace或Enter等鍵完成，方便今后的網(wǎng)站開(kāi)發(fā)人員借鏡。HTML5 版的模板使用了 Google TV UI library, jQuery  和 Closure 。