说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

直接拿来用!最火前端开源项目(二)

HTML文档下载 WORD文档下载 PDF文档下载
如今开源项目的火热程度已无需再多言语,在(一)中为开发者整理了九大类的开源项目列表,开发者们,你们用的怎么样了?本文继续整理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:从纯文本中创建一个交互式文档

Netflix:使用大数据驱动商业决策 “中国杯”游戏极限开发大赛报道 回顾2013软件开发:JavaScript领风骚 京东“宙斯杯”创新应用大赛,百万奖金为“你”而等待 12306上的分布式内存数据技术GemFire Canalys:苹果、三星2014年仍统治平板市场 微软压力山大 Google和苹果的下一个战场 回顾2013科技界大事件:Mayer登Vouge杂志、Ballmer离职 《近匠》第03期:移动开发工具访谈,AVOS Cloud——后端的金刚钻 次世代视觉:Avegant Glyph智能眼镜技术解析 技术栈的选择:从Groupon转向Node.js、淘宝去IOE谈起 首席数据官:一个属于你的时代已经来临 盘点2013年Facebook七大最受欢迎的hack 见证中国开源的力量:“开源力量”2013年度庆典活动亮点汇总 专访APU13讲师、西电朱虎明:概念难以理解成异构编程最大阻力 盘点2013:21款最优秀的开源数据库 苹果三星再次谈判,欲和解所有侵权案 应对iOS in the Car,Google将携手奥迪推Android车载系统 10个技巧让你更轻松地使用AWS 《近匠》第04期:移动开发技术访谈,多看科技CTO王毅——阅读未来 2013年Linux领域重要事件回顾 2013年12月操作系统份额:Windows XP跌破30%大关 Linux小幅上涨 Snapchat存安全漏洞 460万用户信息被窃 年底广告高峰:AdMob团队支招“马上赚钱” 从远程调用框架认识Zookeeper 盘点Hadoop生态圈:13个让大象飞起来的开源工具 【开源推荐】Ejoy2D:“风魂”游戏引擎作者云风的又一力作 Web应用在IE11里的实际使用性能 回顾2013年十个值得关注的WordPress设计主题 为什么Google眼镜注定会失败? 2013移动开发工具盘点:最火原型设计工具 声明游标时可否用变量? 能不能提供几个漂亮的repeater控件的模版? dbs.Execute "SELECT * INTO 在校学生 FROM [Excel 8.0;DATABASE=" & App.Path & "\MyExcel.xls].[WorkSheet1] "报错,在线等待 有没有什么工具或办法可以将Tc 下的程序移植到linux下运行? 求助! 请教!急! 世间什么才是最珍贵的? 大家來說說2003年版<射雕>的敗筆. 请教:如何在VB开发的程序中判断一个程序在硬盘上的安装路径? 帮忙!谢谢! 此类问题如何查询? 请教个问题:每次启动机器都会打开IE跳到我们这边的一个内部网站去,本来启动就慢----火死了,怎么去掉---在注册表了改么? combo控件问题. 问一个关于刚开机的win.com的问题。请高手帮帮忙呀! dbs.Execute "SELECT * INTO 在校学生 FROM [Excel 8.0;DATABASE=" & App.Path & "\MyExcel.xls].[WorkSheet1] "报错,在线等待 请问我如何在注册网站成功后,在exchange中也建立一个与注册网站时同名的帐号呢? ASP(javascript)自动回复问题?? ★★母亲的生日★★ 哪位有没有用spcomm控件进行串口通讯的例子? 大家帮我看看这是用哪个做的? 关于打印... 两路由器的使用方法比较,哪个好些? 在线求助:有没有改变电脑所连的打印机打印属性方向的API函数?多谢 我要送分 设置ejb的几个接口时,我有点弄不明白 有没有什么办法把ACCESS的表打印出来?格式改变一下? 烦啊~~~~ 谢谢!如何让对话框的大小不受屏幕分辩率的影响??? 请问怎样避免多用户同时访问数据库中的表? 简单问题:怎样用url打开一个文档?多谢 怎么控制小数的位数? 这个QQ炸弹好厉害,是什么原理呢? 我的问题怎么老是出现在这个地方。。。。 一个对话框程序调用dll中函数的问题! 请教有关类的扩展 请问WIN2000专业版IIS为什么连接限制是10 急,为什么我的数据库会出现这样的错误? 寻求一个好的全屏翻译软件(在线等候,在线给分) 寻找《编译原理与时间》电子文档下载url 升级了,散分小庆.认识的朋友进来捧个场,不认识的也进来热闹热闹!忠心感谢:-) 奇怪的问题 如何解决在一个表单中多个提交按钮的问题? 请问怎样关闭135端口 Photoshop7.0的一个简单问题,大师们帮帮忙! 关于动态查询的问题? 请问如何验证代理服务器? 超过半个小时不作任何操作就把这个连接KILL掉,改如何做呢? 如何才能做出只存在于托盘栏的程序! 搜集VB绘图源代码,多多益善 北京市里有没有支持asp.net的服务器空间提供吗? GGJJDDMM 帮帮我啊~~~~ 饥饿为什么使肠道蠕动加快大概机理是什么啊?明明没有食物 取一定质量的Fe ,Al混合物向其中加入足量的NaOH溶液生成气体在标况下体积为33.6L测该反应的离子方程式————————————————————混合物中al的物质的量 写议论文 关于‘蜜蜂的精神’ 来自星星的你拍了多久? 请看第二题 我想问的是为什么要强调植株甲乙是纯种的?怎么知道突变是发生在体细胞中的?为什么是隐性突变就不能在子一代表现出突变性状? 蛋白质的运输需要能量吗另外,胰岛素的运输需要能量吗 全国人民代表大会,国家主席,国务院,最高人民法院,最高人民检察院,中央军事委员会的职权分别是什么?简明概括,或者回答:职权是什么?怎么理解“职权”? 节能灯里面的白色粉子是什么 为什么节能灯老是坏?我也遇到同样的问题.商品房带装修的灯架都是装好的,接到380V电压上是不可能的原来是普通灯泡,我是09年搬进来换的节能灯,三年来已经更换了5次.我买的都是菲利普和宜 家鸽的主要呼吸器官是什么? 还有数量众多的中等的恒星,这些恒星像太阳一样,体积不太大,密度不太小(太阳的密度是水的1.4倍)这句话用了什么说明方法? 节能灯为啥老闪 家鸽鱼的生活环境不同呼吸器官的结构和呼吸方式也不同但它们的呼吸在本质上都是相同的他们的呼吸本质是? 英语翻译节能灯管里用的卤粉,混合粉,三基色粉用英语分别怎么说? 家里节能灯全部炸了怎么回事? 大脑浆和骨髓都同样是神经细胞嘛,它们的性能有何区别. 三基色和混合粉节能灯谁更节能 为什么有的节能灯在亮的时候会爆 审议表决了《保守国家秘密法修订草案》属于全国人大的什么权力 全宇宙最大的恒星密度是多少 冬天蛇、青蛙、蝴蝶、蝙蝠都去哪了 全国人大今日选举国家主席副主席 酝酿总理人选 不是早就定了吗 怎么还要选? 来自星星的你2什么时候开拍,什么时候拍完 1运输蛋白中含有的特殊元素是什么?2存在于什么中? 下列哪种不是鸟类( ) A.家鸽 B.野鸭 C.褐马鸡 D.蝙蝠 计算恒星密度的公式p=(3π)/GT如何推导 寻求一种在常温下是液态,导电性能和相同截面极的铝相近或者优于.可以是水溶液,或者价格低廉的液态导电材料.可以是一种或者几种物质的复合溶液.三楼的废旧干电池的药粉溶液是怎么回 我国国家主席又颁布法律的权利吗谢谢了, 如何测恒星的质量和密度? 液态SO2是一种似水溶剂,它依下式微弱的电离:SO2+SO2 SO2++SO32-.问:纯液态二氧化硫的导电性能如何?为 直流屏怎么选择?希望大家可以帮助我介绍个. 蛋白质具有催化,免疫,传送氧,搬运物质,降低血糖等功能,它具有的原因是什么? 纤维素纤维用英文怎么说,还有缩写!超细旦纤维亮丝聚酯纤维海岛丝丝的英文及其缩写……查了很多地方都没有查到急死我了……拜托知道的帮帮忙吧, 什么吸血虫寄生在人或哺乳动物的门脉系统血管内,靠吸食血液生活 直流屏的容量的选择和数量的选择 动物换牙齿吗 今天见我小妹换牙齿了 我就想啊 人可以换牙齿 那么动物呢? 哪些哺乳动物是吸血的? 那么人的头上有几个神经细胞呢? 节能灯关闭后总是闪咋回事 国务院各部人员任免是由国家主席决定还是国务院总理决定? 人有多少骨头,细胞和神经? 冬天到了,蛇、青蛙、蝴蝶、蝙蝠都去干什么了. We could't go because it was raining heavilyWe couldn't go ____ ____ ____ ____rain 生物生存的秘密 节能灯为什么会闪用零线这条做开关,为什么关了开关之后节能灯会一闪一闪的?即使零线断了整个线路也是断路,按理来说不应该会有电流通过啊.那为什么还会闪? 官员任免权在谁? 生物的得分秘诀有什么? 冬天,蛇,蝴蝶,蝙蝠,都不见了,它们在干什么?(比如:冬眠) 任免权是什么意思? 生物的秘密 阅读答案跪求跪求!后天上学就交卷纸啦! 一脾蜜蜂什么意识 为爷爷的回忆录写感想 该怎么写 另外推荐些好点的诗句 什么是节能灯? 不冬眠动物有哪些动物 增加肠蠕动的药有?药 直流屏怎么选择,哪家的质量好? 动物冬天冬眠为什么不饿 用什么相机能拍星星请写下相机名称,不用怕多贵!(可以找满天星星的那种的哇) 怎么选择直流屏? 动物行为包括动物身体的?和静止的?,体色的?,气味的?,以及各种叫声等动物行为包括动物身体的( )和静止的( ),体色的( ),气味的( ),以及各种叫声等. 中国进出口银行巴黎分行正式挂牌营业朝鲜富人如何休闲?【组图】媒体称延迟退休多拿养老金偷换概念 犯罗援:两岸政治议题不能一拖再拖 有十黑龙江一公安局欠债18年不还 当地纪教科书作品付酬办法发布 文字作品每千土耳其隆重阅兵庆祝建国90周年监听事件对法美关系损害有限美国安局铁杆盟友临阵“倒戈” 称反对意大利前总理:欧洲为配合反恐对美国监埃及武打冠军因支持前总统穆尔西 金牌杭州滨江16所公办学校体育设施免费向台湾空姐酷似林依晨网络走红 海量清纯外媒关注习近平全面深化改革“总体部署意大利总理莱塔会见王毅美国就中国解密核潜艇部队表态中国核潜艇官兵趣闻:自称烧锅炉 1瓶日媒称两艘中国军舰通过冲绳附近毗连区韩雪宣传新片遭裸男突袭 吓得脸色苍白美国家安全局否认收集欧洲电话记录 称美国安局铁杆盟友临阵“倒戈” 称反对64路公交明日起 线路调整为赶广场舞比赛 心急倒车撞倒人海沧名盘名品迷住莆田市民借钱不还被逼债 下跪再借得百万心脏不好最好在傍晚跑步榕完成“户表改造”要等下一个十年福州桥亭路又现烧垃圾 居民称,小孩玩老人金婚 外孙女想送创意大礼假牙不清洁有健康隐患 活动假牙全城免货车停斜坡处后滑压死老太小区地基沉降 污水四溢套牌的士遇执法司机弃车而逃“美式辩论赛”福州区32强名单出炉超载货车被查 中途开溜卸货看慢性疑难病 可找这些中医名家车主左车门聊天 小偷右车门行窃高招报志愿 不少专业有特殊体检要求防盗网 筑起家庭“安全线”福州白马花园5号楼 十年常停水近半年乳腺癌首治用“鸡尾酒”房产中介店长购买业主信息获刑
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘