【轉】github上值得關注的前端項目

綜合/資源

• frontend-dev-bookmarks 一個巨大的前端開發資源清單。star:15000

• front-end-collect 分享本身長期關注的前端開發相關的優秀網站、博客、以及活躍開發者。star:860

• Front-end-Interview-questions 史上最全前端開發面試問題及答案

• f2e-hub 包含Animation，UI，dialog，Carousels，color，image，workflow等。star:100

• awesome-javascript 一系列很棒的javascript 庫，資源。star:3100

• fks 前端技能彙總，包含前端知識架構，後端知識，linux，書籍推薦等。star:4000

• node123 node.js中文資料導航。star:1200

• mobile-web-favorites 移動端web開發收藏夾。star:200

• gulp-book Gulp 入門指南

樣式/UI

• Semantic-UI 讓你使用任何HTML標籤 來表現UI控件。
  這是一款語義化設計的前端框架，爲攻城師而製做的可複用的開源前端框架。star:17500

• primer CSS風格指南。star:3600

測試/工具

• mocha 一個簡單、靈活有趣的 JavaScript 測試框架，用於 Node.js 和瀏覽器上的 JavaScript 應用測試。star:6680

• csscss css代碼冗餘分析儀，用於分析冗餘 。star:2800

• es6-tools es6 工具集，包括Grunt Tasks，Gulp Plugins，Broccoli Plugins，Brunch Plugins，Webpack plugins等等。star:1860

• async 一個工具模塊，提供了直接而強大的 JavaScript 異步功能。雖然是爲 Node.js 設計的，可是它也能夠直接在瀏覽器中使用。star:13000

• simditor 團隊協做工具 Tower 使用的富文本編輯器。star:1300

• HTMLHint HTML 靜態代碼分析工具，能夠集成到IDE環境或編譯系統中。star:900

• jshint js靜態代碼分析工具，能夠幫你檢測js語法錯誤和潛在的問題。star:5100

• csslint 分析和優化你的CSS樣式表的工具。由Nicholas C.
  Zakas所寫。star:2700

• protractor 一款端對端的angular apps 測試框架。star:4K

Workflow/構建工具

• Grunt 基於Node.js的項目構建工具。擁有數量龐大的插件，是一款優秀的前端自動化工具。star:9500

• yeoman 一個強健的工具，庫，及工做流程的組合。star:960

• gulp 基於node.js流的新一代前端構建系統。star:14000

canvas/數據可視化

• echarts 基於Canvas，純Javascript圖表庫，提供直觀，生動，可交互，可個性化定製的數據可視化圖表。star:6900

• Chart.js 使用<canvas>標籤的簡易HTML5圖表。star:14600

• sketch.js 跨平臺JavaScript創意編碼框架，gzip壓縮後僅有2kb。star:1500

• d3 一個基於數據操做文檔的js數據可視化框架，最流行的可視化庫之一。star:38000

模塊管理/加載器

• ESL 是一個瀏覽器端、符合AMD的標準加載器，適合用於現代Web瀏覽器端應用的入口與模塊管理。

ESL vs RequireJS

體積更小 (Smaller)
性能更高 (Higher performance)
更健壯 (More Robustness)
不支持在非瀏覽器端使用 (Browser only)
依賴模塊用時定義 (Lazy define)

• seajs 一個遵循CommonJS規範的JavaScript模塊加載器。提供簡單、極致的模塊化開發體驗。star:4100

動畫

• animate.css 一個跨瀏覽器的CSS動畫庫。簡單易用易上手。star:23000

• move.js 極小的 JavaScript 庫,支持 CSS3 的動畫效果,很是簡單優雅。star：2600

• TweenJS 是一個簡單但強大的 Javascript 動畫庫。CreateJS 套件的一部分。star:1500

• bounce.js 一個用於製做漂亮的 CSS3 關鍵幀動畫的 JavaScript
  庫,使用其特有的方式生成的動畫效果。star:3600

插件

• zepto.fullpage 專一於移動端的全屏滾動插件。star:510

• fullPage.js pc端的全屏滾動插件。 star:9500 view demo

• onepage-scroll 能夠輕鬆創建一個動感的響應式的滾動效果頁面，比較適用於單頁面的專題站。支持現代瀏覽器和IE8以上版本。View demo 。star:7700

• slick 一款徹底響應式的 jQuery 圖片滾動插件，可以根據容器自動適應寬度。star:10000 view demo

• superslides 致力於解決網站大部分特效展現問題。網站上經常使用的「焦點圖/幻燈片」「Tab標籤切換」「圖片滾動」「無縫滾動」等只須要一個SuperSlide便可解決！ view demo star:1100

• jQuery-One-Page-Nav 當用戶滾動網頁時，實現平滑滾動和智能導航。star:1100

• slider 一個jquery徹底開源的JavaScript代碼庫，用戶能夠開發，調試和深度定製本身的滑塊。star:850 view demo

框架、庫和組件

• polymer web組件構建框架。一套以「一切皆組件、最少化代碼量、最少框架限制」爲設計理念的Web UI框架。star:9900

• meteor 一個超簡單的純javascript web框架。用於自動化和簡化實時運行的 Web 應用程序的開發。可直接在瀏覽器或者雲平臺中運行。 star:25300

• impress.js 建立使人興奮的演示。使用CSS3的轉換和過渡，這個庫容許你建立使人印象深入的演示文稿。view demo。star:24300

• ionic 先進的HTML5 移動端開發框架。幫助開發者使用HTML5, CSS3和js作出難以想象的hybrid app。star:17000

• reveal.js 基於CSS3的3D幻燈片工具。可以製做絢麗的演示文稿並生成HTML格式，將它發佈到web上。star:21500view demo

• Modernizr 用來檢測瀏覽器功能支持狀況的JavaScript庫,能夠檢測18項CSS3功能以及40多項關於HTML5的功能。star:16000

• pure.css 一組很小的，響應式的css組件，你能夠在網頁的項目上處處使用。star:12000

• three.js 是JavaScript編寫的WebGL第三方庫。提供了很是多的3D顯示功能。star:20000

• TimelineJS 輕鬆製做時間軸。star:8000

• jquery-pjax 對ajax 和 pushState的封裝，讓你能夠很方便的使用pushState技術，用以實現頁面無刷新加載。star:11500

• highlight.js javascript語法高亮。既能夠運行在瀏覽器端也能夠運行在服務端。star:5500

• commander.js Node.js命令行工具。star:3800

• togetherjs 由Mozilla打造的一款能夠給網站添加實時協做功能的JavaScript庫。star:5K

• HTML.js 輕量級的簡化與DOM操做的js庫。view demo star:1.5K

• MEAN.JS 全棧式javascript，使用MongoDB, Express, AngularJS和Node.js。star:2.2K

移動端

• Swiper 加速移動觸摸滑塊與硬件之間的轉換。star:5000。

• hammer.js 一個支持多點觸摸的手勢庫。star:11000

• amDoc 無線Web解決方案 - 文檔規範指南

• amazeui 移動優先的跨屏前端框架。面向HTML5開發，使用css3作動畫和交互。star:4.1K

Node.js相關

• nodeclub 使用 Node.js 和 MongoDB 開發的社區系統。star:3000

• N-chat 使用 Express + Socket.IO 搭建的多人聊天室 。star:300

• N-blog 使用 Express + MongoDB 搭建多人博客。star:1800

• node-inspector 基於Blink開發者工具的Node.js調試器。star:7000

• node-lessons：Node.js包教不包會。star:2.5K

• nodePPT 使用nodejs寫的網絡幻燈片。多是迄今爲止最好的網頁版PPT。star:1.6K view demo

• hexo 一款快捷，簡單，強大的博客框架，基於Nodejs。star:5.2K

• koa 下一代Node.js Web 框架。由 Express 團隊設計。star:6.3K

• awesome-nodejs 關於Nodejs 包和資源的收集。star:7K

React相關

• react-style 是 React.js 可維護的樣式組件

• react-component 基於reactjs的組件。

• react-native 一個用React構建native apps的框架。star:15000

• react-native-guide 聚集了react-native學習資源與各種開源app。star:850

• awesome-react 關於react的工具，資源，視頻的集合。star:700

HTML5

• Browserquest: Mozilla開發的HTML5多人在線遊戲。star:5200

• video.js 開源的HTML5和Flash視頻播放器。支持自定義進度條、按鈕以及工具欄的底色。star:9.1K

其餘

• javascript-style-guide 最合理的使用javascript的方法。 star:18000

• Mars 騰訊移動Web前端知識庫。star:1600

• css3please 跨瀏覽器自動生成css3前綴

• brackets 一款使用 HTML，CSS，JavaScript 建立的開源的針對 Web 開發的編輯器。star:23000

• normalize.css 一個可定製的 CSS 文件，使瀏覽器呈現的全部元素，更一致和符合現代標準。支持IE8+。star:17000

• Ghost Node.js開發最新博客系統, 簡單簡潔, 響應式設計, 支持徹底自定義, 免費, 專一博客。star:16000

• io.js 從NodeJS裏分離出來的一條分支。star:13000

• 2048 遊戲 view demo star:7000

• jade 一款高性能簡潔易懂的模板引擎。star:8500

• ueditor 百度前端團隊出品的富本文編輯器。star:1.1K

高產大牛

• Evan You 前端輕量級框架MVVM框架vue.js做者，前Google工程師。followers:1.6K

• TJ Holowaychuk Koa、Co、Express、jade、mocha、node-canvas、commander.js 等知名開源項目的建立和貢獻者。followers:14.1K

• PaulIrish 著名的前端開發工程師，同時他也是Chrome開發者關係團隊成員，jQuery團隊成員，Modernizr、Yeoman、CSS3 Please和HTML5 Boilerplate的lead developer。followers:15.7K

• Mike Bostock 知名可視化庫 D3.js的主要做者。followers:8.3K

• Nicolas Gallagher Normalize.css 做者。followers:3.6K

• 司徒正美 前端迷你MVVM框架Avalon做者。followers:2.1K

優秀開源組織

• AlloyTeam 騰訊 Web 前端團隊。

• fex-team 百度前端團隊。 

本文轉載自：http://segmentfault.com/a/1190000002804472