直接拿來用！最火的前端開源專案（二）

csdn發表於2013-07-18
前端

　　在《直接拿來用！最火前端開源專案（一）》中為開發者整理了九個大類的開源專案列表，開發者們，你們用的怎麼樣了？是否感覺到開源專案帶來的事半功倍的效果呢？在這裡，本文繼續為你整理了GitHub上最火的前端開源專案列表，按分類的方式列出十個，供開發者們繼續參閱。

　　十、Animation

直接拿來用！最火的前端開源專案（二）

　　（1）Stylie

　　（2）animate.less：是一群很酷、很有趣、跨瀏覽器的動畫效果，它轉換成LESS供你在Bootstrap專案中使用

　　（3）Canvas Advanced Animation Toolkit：是基於javascript中的一個時間軸概念建立帶有動畫效果的場景圖框架。

　　（4）tween.js：超級簡單、快速、易於使用的漸變動畫引擎＼

　　（5）Janis：是一個輕量級的Javascript框架，通過CSS可在瀏覽器或移動裝置上對簡易的動畫效果進行調整，以適應在裝置上的執行。

　　（6）Rekapi：是基於JavaScript的關鍵幀的動畫效果庫

　　（7）CanvasScript3：是一個Javascript庫，用於HTML5 Canvas介面類似於ActionScript3。這個庫允許使用精靈組、圖層、滑鼠事件、鍵盤事件、點陣圖效果、漸變動畫效果等

　　（8）Shifty：是建立在JavaScript裡一個漸變動畫引擎，目的是適應任何數量的漸變動畫的需求

　　（9）emile.js：是一個真實的獨立的CSS動畫效果的JavaScript框架

　　（10）Firmin：使用CSS轉換、過渡的一個JavaScript動畫效果庫

　　（11）$fx()：基於動畫效果的一個簡潔、輕量級的Javascript庫

　　（12）Keanu：在Canvas/JS上基於動畫效果的一個微型庫

　　（13）jsAnim：是一個功能強大，易於使用的庫，在遵循標準和可訪問性的基礎上，它在網站上增添了一些令人印象深刻的動畫效果。該庫的大小不到25kb,jsAnim包也有很多這樣一個小應用程式。

　　（14）scripty2：是一個開源的JavaScript框架,基於HTML的使用者介面。簡而言之，scripty2幫助你建立一個更加符合胃口的Web

　　（15）Animator.js：基於JavaScript的動態動畫效果庫

　　（16）Processing.js：是一個開放的程式語言，在不使用Flash或Java小程式的前提下，可以實現程式影象、動畫和互動的應用

　　（17）jQuery Transit：是一個利用了CSS3的過渡和轉換特性來實現動畫特效的jQuery外掛

　　（18）Move.js：是一個封裝了CSS3動畫效果的輕量級JavaScript類庫，能讓你輕鬆實現動畫特效

　　（19）Collie是一個Javascript庫,使用HTML 5來建立最優化的動畫效果和遊戲

　　（20）Year Of Moo：是基於Angular.js的動畫效果

　　（21）Approach

　　十一、Programming & Markup Languages

　　計算機語言總體分為機器語言、組合語言、高階語言三大類，計算機的每個動作及步驟都是按照計算機語言編好的語言來執行的，而人們也通過計算機語言向計算機發出命令。

　　標記語言是一種將文字以及文字相關的其他資訊結合起來，展現出關於文件結構和資料處理細節的電腦文字編碼。

直接拿來用！最火的前端開源專案（二）

　　（1）CSS

　　（2）JavaScript

　　（3）HTML

　　（4）Higher Level Languages

  • Dart：基於JavaScript進行編譯的型別語言
  • Sass：是對CSS3擴充套件的一種開發工具，它在CSS3的基礎上新增了嵌入式規則、變數、多型、 繼承等。使用命令列工具或一個Web框架外掛就能轉換成標準格式的CSS。
  • Less：通過動態行為擴充套件了CSS，如：變數、多型、操作與函式 
  • Roole：是一種編譯成CSS的語言
  • Stylus：具有表現性、動態性、健壯性的CSS

　　十二、Visualization

直接拿來用！最火的前端開源專案（二）

　　（1）Photon

　　（2）CSS3 shapes

　　（3）Morris.js

　　（4）Cube

　　（5）Cubism.js

　　（6）D3.js

　　（7）Crossfilter：一個用來展示大資料集的JavaScript 庫,支援快速互動,主要用來構建資料分析程式

　　（8）Datavisualization.ch

　　（9）jQuery.Gantt

　　（10）easy pie chart

　　（11）Gauge.js

　　（12）Google Chart Tools

　　（13）Piecon：一個用來實現favicon上顯示進度訊息的一個小型 JavaScript庫

　　（14）Viskit.js

　　（15）jStat：是JDK自帶的一個輕量級小工具

　　（16）CHAP Links Library

　　（17）bonsai

　　（18）Smoothie Charts：是一個小型圖表生成指令碼,它是為生成實時資料圖表而設計的

　　（19）DataMaps：是一個 JavaScript庫，用於實現地圖和資料視覺化的交換

　　（20）mxgraph：是一個JS繪圖元件，它適用於需要在網頁中設計/編輯Workflow/BPM流程圖、圖表、網路圖和普通圖形的Web應用程式

　　（21）Paper.js： 是執行在HTML5 Canvas上的一個開源的向量圖形指令碼框架

　　（22）Timeline.js：是一個建立在JavaScript上的Timeline

　　（23）xCharts：是一個JS庫用來建立具有吸引力的、自定義資料驅動的視覺化圖表

　　（24）jQuery Gantt editor

　　（25）amCharts：是一個健壯的繪圖工具,可以適合任何資料的需求

　　十三、Widgets

　　Widgets是一個小模組程式碼，它可以在任意一個基於HTML的Web頁面上執行，它的表現形式有：視訊、地圖，新聞、小遊戲等。該思想源於程式碼的複用，通常情況下，Widgets程式碼形式包含了DHTML、JavaScript以及Adobe Flash。

直接拿來用！最火的前端開源專案（二）

　　（1）Kits

  • AlloyUI：是一個基於YUI（Yahoo! User Interface Library）實現的JavaScript UI元件庫和CSS框架
  • Kendo UI：基於最新技術HTML5、CSS3和JavaScript標準設計開發的,用於開發現在HTML UI操作介面的框架
  • jQuery UI Bootstrap：一個基於Twitter Bootstrap的jQuery UI主題
  • Zebra：是一個JavaScript庫，遵循簡單OOP理念，它提供基於UI的HTML5 Canvas和包括Java到JavaScript轉換器工具

　　（2）File Upload

　　（3）Sitemap

  • SlickMap CSS：一個簡單的樣式單，根據sitemap顯示對應的圖形化資訊

　　（4）Table Of Contents

　　（5）Modals

　　（6）Notifications

  • Pines Notify：是一個類似於Growl的訊息通知提醒外掛
  • notifier.js：是一個用於實現類似Gnome/Growl風格訊息提醒的jQuery外掛
  • noty：是一個簡單易用的 jQuery tooltip提示外掛，它內建了alert、success、error 和 confirmation四種訊息提示框，用於代替原有的瀏覽器提示框，並且可以設定為模態視窗
  • Toastr：是一個實現了類似 Android的Toast 提示的 jQuery外掛
  • a!ertifyjs
  • Apprise

　　（7）Gallery Sliders

　　（8）Selects

　　（9）Progress Bars

　　（10）Misc

　　相關文件：直接拿來用！最火的前端開源專案（一）   直接拿來用！最火的前端開源專案（三）

相關文章