直接拿来用！最火前端开源项目（二）

摘要：如今开源项目的火热程度已无需再多言语，在（一）中为开发者整理了九大类的开源项目列表，开发者们，你们用的怎么样了？本文继续整理GitHub上最火的前端开源项目列表，列出十个分类，供其继续参阅。

在《直接拿来用！最火前端开源项目（一）》中为开发者整理了九个大类的开源项目列表，开发者们，你们用的怎么样了？是否感觉到开源项目带来的事半功倍的效果呢？在这里，本文继续为你整理了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

Understanding border-image
What No One Told You About Z-Index
Principles of writing consistent, idiomatic CSS

（2）JavaScript

Javascript Closures
Combinator Recipes for Working With Objects in JavaScript

Part II

Prototypes and Inheritance in JavaScript
JavaScript Study Guide
ECMA 262-3 in detail
JavaScript Garden
Extensions

RubyJS：是一个基于JavaScript的Ruby库，使用JavaScript实现Ruby中的所有方法，如 Array、String、Numbers、Time等。
Mout：是一组模块化的JavaScript工具，可以在浏览器中使用AMD的模块或在node.js中使用。
bacon.js：是基于JavaScript一个小功能性的reactive编程库

Flow Controll

Coroutine Event Loops in Javascript
How To Node Article on promises describing both sides: node.js and browser
Video by Douglas Crockford on monads which is touching Promises
Не надо давать обещания, или Promises наоборот
Promises are the monad of asynchronous programming
A Study on Solving Callbacks with JavaScript Generators
What's The Point Of Promises?
Promises/A+ Spec
Callbacks vs Coroutines
This document is intended to explain how promises work
Libraries

Standalone-Deferred
Standalone-Deferred
Flowy
Step
kew ：是基于优化node.js一个轻量级的promise库
jQuery Timing
RSVP.js
q
Watch.js

Vid: Monads and Gonads (YUIConf Evening Keynote)

（3）HTML

Book: Dive into HTML5
Principles of writing consistent, idiomatic 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：是一个健壮的绘图工具,可以适合任何数据的需求

Introduction to D3
Interactive D3 Tutorial
NVD3

十三、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

jQuery File Upload
tus fileupload
Fine Uploader

（3）Sitemap

SlickMap CSS：一个简单的样式单，根据sitemap显示对应的图形化信息

（4）Table Of Contents

Tocify
MagicNav.js
jQuery TOC：是WordPress的一个文章目录插件，可将文章指定的标题标签自动生成文章目录

（5）Modals

Avgrund：是一个jQuery插件，用于创建模态框和弹出窗口
Timeout Dialog
Magnific Popup

（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

Sequence
Rhinoslider
Awkward Showcase
Revolver.js：创建高度定制化的图文幻灯控件
Responsive CSS3 Slider
Roundabout
Slid.es

（8）Selects

jQuery Recurrence Input
Select2
jquery.selectable.js

（9）Progress Bars

Percentage Loader
progress.js

（10）Misc

jQuery Knob
DopelessRotate
jQuery Addresspicker
Fangle：从纯文本中创建一个交互式文档

转载地址：http://www.csdn.net/article/2013-06-27/2816017-front-end-development/1