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

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

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:从纯文本中创建一个交互式文档

为Delphi中数据库报表加网格 为数据库报表加网格-Delphi资料 为数据库建立索引-Delphi资料 掀开SQL Server 7.0的面纱-Delphi资料 限制数据库记录数-Delphi资料 向数据库发送密码-Delphi资料 一个关于字符串的小问题-Delphi资料 用 QuickReport for Delphi 制作报表 用Delphi 开发数据库程序经验三则 用Delphi 实 现 不 同 数 据 库 系 统 之 间 的 数 据 转 移 用DELPHI本身的控件输出TABLE表数据 用Delphi编程访问SQLServer数据库 用delphi编写医院的复杂报表 用Delphi程序维护Paradox 数据表的索引 用Delphi的InterBase数据库开发C&S应用程序 用Delphi进行数据库之间转换 用Delphi开发“瘦”单机数据库应用系统 用Delphi如何实现VFP中的Cache特性 用Delphi设计数据库应用的几点体会 在我们日常工作中,常会碰到这样一个难题:一大堆-Delphi资料 用DELPHI制作应用软件 用Dephi 程 序 维 护Paradox 数 据 表 的 索 引-Delphi资料 用Dephi程序维护Paradox数据表的索引-Delphi资料 用InstallShield制作数据库应用系统的安装程序-Delphi资料 在BDE中使用ASCII-Delphi资料 在DBMemo中查找文字-Delphi资料 在Delphi 程序中维护DBF 数据库 在Delphi 中 利 用 Tbatch 组 件 完 成 数 据 批 处 理 在Delphi 中使用计算出的字段 在Delphi3 程 序 中自 动 检 测、 建 立 数 据 库 别 名 和 表 格 在Delphi3程序中自动检测、建立数据库别名和表格 sqlanywhere6 建的单机数据库,为什么配完odbc后连接总提示连接错误? 改行了散分散分散分散分散分散分 主板关闭USB设备后不能在启用,是什么问题啊?各位高手望赐教! 关于 request的问题 救救小弟! 用javamail发信为何连不上服务器 请大家评论一下这样的团队有无发展可能 如何加密Access数据库,加密后如何使用?谢谢 关于richtextbox问题 打印问题? 关于SetTransform的问题 还我的硬盘空间——老鸟帮帮我!! XP上使用vc6.0有问题 php程序只能放在linux主机的根目录下吗? 关于程序打包 listbox問題 请教文件 坏了,我的D盘怎么自动产生了一个fc2tr文本 结帖错误 php下的xml问题? 内部网TCP/IP失效问题求解!在线等候 怎样将有scroll的form全部抓成图片?我用GetFormImage只能抓屏幕上显示的部分,请帮我。高分求助!不够再加!! 客户端的函数怎么样用客户端用户输入的信息... 怎样改变MC的颜色。 病毒邮件。请问有什么办法解决 帮帮我这个菜鸟! PCI Device 驱动程序? 救我吧. link的时候提示cannot open file "mfc42u.lib"的问题。怎么解决? 如何才能上网呢 请问如何重绘一个应用程序的窗体或内部 Object 的边缘,就像 SPY++ 的 FindWindow Tool 实现的样式?? 救救我,给100分 NT4.0为主域控制器,有办法降级为独立服务器吗? VBA 如何调用 DotNet's WebService ?? dbexpress为什么在插入带自增长字段时候出错? 为什么不同的查询语句会有不同的效率? 我现在要开发一个游戏大厅,谁能帮我提供一些技术参数>?在线等待。 不是水贴:请求帮助,有上海师范大学的请进 紧急!那位有clearcase winnt 4.2 的注册码,高分相送!!!!! 论坛的表格要在注意什么?《我是个菜》 大家帮忙介绍一本书 帮帮我怎么把系统还原占用的空间还给我——老鸟们帮忙! 过滤问题:Query需要先选择一个表(通过ComboBox)然后从2个Edit内输入两个条件 关于stringgrid的翻页问题 寻找电脑方面的朋友 大家好,帮忙做做这题 大家如何保存自己地提问?? JTable怎样一行一行地显示? 我的程序 无边框窗口显示问题 求教各位大虾 美国统一土壤分类法,建筑地基基础设计规范,水电部分类法的异同?在哪 银饰品被海水浸泡变色怎么处理 什么是家庭美德 co与ch4混合后是什么 银饰放在双氧水中泡久了会变黑吗 圆明园毁灭在几年? 天天听英语听力,有什么做用呢?英语差,20题听力只能对9题左右,很多都听不懂,老师说要多听,想知道听多了有什么作用? 如何精确测量溶液的pH值,用什么仪器最快速? 下图木料的横截面积是0.8平方米 长是10.5米 为什么我天天听英语,怎么英语听力还是保持原来的分数呢 砍棺材啥意思4刀!用菜刀! 3H2要不要加箭头,他不是气体吗 加成反应一定要写成结构简式吗?反应物和生成物不能写成分子式些化学方程式吗~请说得具体一点 什么是官能团啊~我才高一不太懂~ 棺材为什么要上红色? 某工厂排放的废水ph为2,污染环境.若要治理该废水,可向该废水中加入过量的a氯化钙b烧碱c碳酸钙d废铜片!求解! 天天听听力,真的会聋吗? 我哥哥生日,我问他把蛋糕上做个什么?他说做个棺材, 废水的ph值为3,若将该废水治理成ph为8时,可想该沸水中加入适量A氯化钠B硫酸C氧化C氧化钙D废铜片 二氟化氧的化合价是怎样的?是不是氧是-2价,氟是+1?还是氟是-1哦? 活性溴有毒吗活性溴固体杀菌剂有毒吗 记得坐火车的时候,会经过一些小站,会有人拿着两个旗子站在铁道旁,旗子一个是红色另一个是红色,是干吗 底面积为S的圆柱形容器盛有V升水,容器最底部有一直径为D的小孔,求水流完所用时间t? 科研用的微生物菌种购买在哪好 铁路红黄防护旗的用法 将一底部有细孔的试管插入盛水的容器中,容器的水由试管底部小孔喷入试管,喷出水的高度与容器水面比谁高 溴代十二烷有毒吗? 我国研制原子弹的主要背景是什么 缩句:邱少云像千斤巨石一般趴在火堆里一动也不动,是缩成:邱少云趴.还是邱少云一动不动. 知伯入南里...直坠其履圯上.顾谓良曰:“孺子,下取履这句话是哪里面的?还有译文`` 如何购买微生物菌种 邱少云怕被敌人发现,趴在火堆里一动也不动.换个说法 圯上敬履 履 下邳的 邳 衣褐的 褐 孺子的儒 愕然的额 殴打的殴 有顷的顷 环氧树脂加热固化过程中是否有爆炸的危险?固化炉是密闭的,里面采用电热管加热,电热管表面温度约400-500度.担心环氧树脂加热后有可燃气体放出,遇电热管会爆炸. 为了整个班,为了整个潜伏部队,为了这次战斗的胜利,邱少云趴在火堆里一动也不动.一颗有生命力的种子,即使落在瓦砾堆里,它也绝不悲观,绝不叹气.我端起搪瓷碗,觉得这个碗有千斤重,怎么也 拔一根2m长的长方体木料截成两段,表面积比原来增加60dm2,这根木料的体积是多少立方分米 我的银镯子氧化很严重都黑了,好多年没戴了,用牙膏擦,可是刻画还是黑的啊?也不能用针一点点弄啊 怎么办? 少量硫化氢通入氢氧化钡溶液的离子方程式.少量硫化氢通入氢氧化钡的离子方程式以及过量硫化氢通入氢氧化钡的离子方程式.还有少量以及过量硫化氢与氨水的离子方程式。 硝酸表现强氧化性时的反应规律有哪些? 手上带银镯子,手挽发黑是, 用家用电磁炉烧 70升水需要多长时间沸腾 我想用家用电磁炉给 200*70*5 的暖气片加热可行么 屋子是24平方用家用电磁炉烧 70升水需要多长时间沸腾 我想用家用电磁炉给 200*70*5 的暖气片加热可 氧化还原反应下列必须加入氧化剂才能实现的是A:Fe3+变为Fe2+ B:二氧化硫变为 硫酸根离子C; 双氧水变为氧气 我觉得应选C 是不是答案错了 今后我国还要实行改革开放的原因?至少四个角度 英语天天听行吗,天天光听.能有什么结果. 英语翻译良尝学礼淮阳.东见仓海君.得力士,为铁椎重百二十斤.秦皇帝东游,良与客狙击秦皇帝博浪沙中,误中副车.秦皇帝大怒,大索天下,求贼甚急,为张良 故也.良乃更名姓,亡匿下邳.良尝闲从 碳纤维布 怎么加热固化 税收具有些什么特征呢? 把一根2米长的长方体木料,横截成两个小长方体,表面积增加10平方分米,原来这根木料的体积是?平方分米 我公司有几台设备要做内防腐,要求环氧树脂为E-44,固化剂为T-31,要求做加热固化请教应该采用何种牌号的稀释剂,加热的温度与加热的时间.有熟人有施工经验吗?这种加热具体采用什么加热方 英语翻译怎么练听力啊?之前考了一次差六分过,还打算再考,阅读差五分满分,听力几乎没听懂 怎么把英语听力提上去?多听英文歌有用吗? 布和纸怕什么? 英语四级听力,肿么办啊,天天听貌似也木有什么进步.求方法,求经验 配硫酸需要什么仪器?A.托盘天平.量筒.烧杯B.量筒.烧杯.玻璃棒C.托盘天平.量筒.烧杯D.量筒.托盘天平.玻璃棒,盐酸还有其他酸都是用这些仪器吗? 布和纸最怕什么? 将一块钠投入水中,反应过程中某同学观察到熔化成的闪亮小球的水面的位置为为什么选D主要分析BC 稀释硫酸需要的仪器除了烧杯和玻璃棒 家庭美德 包括哪些? 钠在水中为什么会熔化成发亮小球就问为什么发亮.是因为它本身金属的特性么. 良尝闲从容步游下邳中老父的怪异主要表现在哪里? 如何讲家庭美德 五分之三美国人债务积累超储蓄大洋洲孔子学院联席会议在珀斯召开浙江省政协公开征集提案线索 侧重群众巴消息人士称尸检报告排除阿拉法特死于以色列科学家:真正的发现之旅在于拥有美国艺术家用鸽子从古巴走私雪茄第六届“汉语桥”世界中学生中文比赛开印尼苏门答腊1座火山再度喷发 当地居第二届世界浙商大会26日开幕 马云宗外交部:中印重申不将军事能力用于针对美国农民发现两副恐龙骨架 有望拍出2马来西亚74.5%家庭自拥房屋利比亚总理绑架策划人:总理根本不敢拿马来西亚74.5%家庭自拥房屋印尼苏门答腊一火山再度喷发 当地居民利比亚总理绑架策划人:总理根本不敢拿“世界泰拳王”与“中国功夫王”见面会韩谴责靖国神社合祀韩战殁者 称日决定印尼苏门答腊一火山再度喷发 当地居民印尼苏门答腊1座火山再度喷发 当地居美国要窃听全世界 全世界表示不答应印度将向中国 开放落地签证失信被执行人禁乘飞机小金人向他们招手了西湖畔江南会关停内地与香港联动 协商解决香港垃圾山问高速公路免费政策为啥成了“一地鸡毛”且慢“抢唛”,且问为何深茂铁路若开通深圳至茂名不到3小时庆丰包子该不该涨价?日本高中足球赛上座率竟超恒大 参赛队黑马作家庞贝:创作一部小说是我的野心苏菲·玛索和刘欢“混搭”玫瑰人生24小时推进民生福祉 实现全面发展国台办国侨办将与陕西省联办甲午年公祭台湾观众看到的大陆片 竟然是由抽签选3名外籍妇女 印度连遭强暴江户城中城 花街吉原彩海拾贝闭门羹是哪种“羹”足协热点三议
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘