GRUNT: js task runnercss
Sea.js: js模塊化html
knockout.js:MVVM開發前臺,綁定技術前端
Angular.js: 使用超動感HTML & JS開發WEB應用!html5
Highcharts.js,Flot:經常使用的Web圖表插件jquery
Raw:很是不錯的一款高級數據可視化工具git
Rickshaw:時序圖標庫,可用於構建實時圖表github
JavaScript InfoVis Toolkit:另外一款Web數據可視化插件canvas
Pdf.js,在html中展示pdf後端
ACE,CodeMirror:Html代碼編輯器(ACE甚好啊)瀏覽器
NProcess:絢麗的加載進度條
impress.js:讓你製做出使人眩目的內容展現效果(相似的還有reveal)
Threejs:3DWeb庫
Hightopo:基於Html5的2D、3D可視化UI庫
jQuery.dataTables.js:高度靈活的表格插件
Raphaël:js,canvas繪圖庫,後來發現百度指數的圖形就是用它繪出來的
director.js:js路由模塊,前端路由,Nodejs後端路由等,適合構造單頁應用
pace.js:頁面加載進度條
bower:Web包管理器
jsnice:有趣的js反編譯工具,猜壓縮後的變量名 http://www.jsnice.org/
D3.js: 是一個基於JavaScript數據展現庫(相似的還有P5.js)
Zepto.js:移動端替代jQuery的東東,固然也能夠使用jquery-mobile.
UI框架:Foundation,Boostrap,Pure,EasyUI,Polymer
前端UI設計師必去的幾個網站:Dribbble,awwwards,unmatchedstyle,UIMaker
Mozilla 開發者中心:https://developer.mozilla.org/en-US/
圖標資源:IcoMoon(個人最愛),Themify Icons,FreePik,Glyphiconsart
Dialog:很是漂亮的對話框
AdminLTE:github上的一個開源項目,基於Boostrap3的後臺管理頁面框架
Respond.js:讓不懂愛的IE6-8支持響應式設計
require.js: js模塊加載庫
select2:比chosen具備更多特性的選擇框替代庫
AngularUI:集成angular.js的UI庫
normalize.css: 採用了現代化標準讓各瀏覽器渲染出的html保持一致的庫
CreateJS:Html5遊戲引擎Less,Compass:簡化CSS開發
emojify.js:用於自動識別網頁上的Emoji文字並將其顯示爲圖像
simditor:一個不錯的開源的html編輯器,簡潔高效
Sencha: 基於html5的移動端開發框架
SuperScrollorama+TweenMax+skrollr:打造超酷的視差滾動效果網頁動畫
jquery-smooth-scroll:同上,平滑滾動插件
Animate.css:實現了各類動畫效果的css庫
Emmet:前端工程師必備,ZenCode的前身
MagicDraw:Uml圖工具