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

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

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

Windows 8和IE 10:如何保障视频播放? 云计算大会讲师秀之13:梁家恩,12年积累,构建永久免费的语音云平台 众望所归:智能手机芯片将为服务器所用 没有学位,他通过以下四步进入Google 谈谈Google Polymer以及Web UI框架的未来 保密入髓:前苹果员工揭示公司是如此善于保守秘密 调查显示:软件开发公司出现“人才荒” 三星拟6月20日在伦敦召开新品发布会 推手机新品Galaxy和ATIV 历届中国云计算大会PPT集萃(五):数据安全隐患解析与应对 搞趣网创始人:做不了阳春白雪 就做下里巴人 CMDN Club 28期:创业公司一定不要浪费资源 浅谈Lean UX:我们到底该怎么设计? 张艺谋今日正式加盟乐视 作品专区落户超级电视 WebKit华丽转身:欧朋浏览器8.0新鲜出炉 分析师称应出售Bing?除非微软倒闭,否则不可能卖Bing Go Mobile沙龙第二期:软硬整合与创客精神 专访西电黄宝林:《基于GPU的并行NMF网络聚类算法》获奖背后故事 友友姚宏宇:用C,C++和Java实现自主研发之后,放开心态迎“高朋” 新技术对传统学科的颠覆:系谱网使用大数据寻亲问祖 IDC:2015年全球平板电脑出货量将超PC Web开发者的福利 30段超实用CSS代码 库克出席D11科技大会:苹果公司没有陷入麻烦 千兆的带宽是不够的,最新研究将我们带入400G时代! 告诉你一个事实:移动互联网依然不大 一切才刚刚开始 戴尔的10亿美元云扩建计划到底是什么? iOS vs. Android,应用设计该如何对症下药? 扁平化设计五大原则 16种折磨开发者的方式 2013年度中国优秀开源项目征集活动正式启动 技术趋势:产品设计向“钱”看 服务器领域:旧时代已过 新时代正在降临 关于金山公司的词霸那样的弹出菜单怎么做? 我从哪里可以买到powerbuilder8的多媒体教学光盘?thanks! 哪伟大侠有GB2322的汉字内码表啊? 关于对眼球经济的探讨(请各联盟盟主来看看!!!) 错在哪里? 如何才能实现将ListView的一列拖到另外一列的位置? 在VC#中订阅消息要手工输入,为什么不做成VB一样?有简单方法吗? 请问网吧管理软件是如何使屏幕变暗,并显示自己的对话框,禁止其他操作的? 第一次用VB,请指教 多线程中如何申请一块存储空间 Code Guard是什么东东?在线等待,马上给分! 这个错误是什么原因啊? 请问怎样获得默认打印机名! 哪位大虾能给小弟一点有关汉诺塔问题的资料呀?! ShellExecute(this.Handle,null,"c:\\",null,null,1)问题再探 PB6.5如何实现选择文件路径对话匡?急!在线等待。 为什么下面的enum定义要有一个方括号? dot menu是什么意思? 请教大侠为什么(333)这句不执行 如何将olecontainer载入的word文件全部显示,而不只显示第一页? 简单问题! 高手帮忙!如何通过服务器来自动查找、替换客户端文件 为何timer控件失效? @这个字符在C#中有何具体意义?不解 如何将sql server的检查约束延迟到Commit时 ado连接sql库问题 为何无法ping自己的地址呢? 滚动条判断 单个窗口程序可以运行,但是几个窗体连在一起就不可以了,好像是多线程的问题,请教各位 关于DBgrid再次求救 今天我好失败——斑竹过两天删除吧,让我宣泄一下 哎呀!!各位何必拉帮结派呢!!!这样不好啦!!影响水园大团结啊~~~没有加入帮派的人就很难在水园呆下去啦。。猪猪。。只有和他们沦为 CreateBitmap 与 CreateCompatibleBitmap 弹出一个窗体但是又不抢占其他窗体得焦点,怎么办? 利用DW-MX制作ASP.NET程序教程! vc中 调用 VB dll 时参数类型如何确定? 谢谢! 如何才能得知当前路径?比如VB的App.Path? Conn.OpenSchema怎么得到字段的信息? 一个进程写在共享内存中的数据被另一个进程读出去后的问题 大家开心开心吧! 笑过后体会体会...... asp与数据库连接的问题?急,急!(在线等待) 大家是怎么查VCL类库的类及函数的? 在线程里有无限循环时,好象不跳出循环就无法终止线程,是吗 UNIX的线程有没有类似Windows线程的消息队列和消息机制? 哪位大虾知道如何在网页中快速刷新显示后台计算的数据? 请问有谁知道PrinterResolution怎么和打印机对象连在一起呀, 偶有一个惊人的发现! 对话框中的按钮我怎么让它继承我自己的类? 请问有谁知道PrinterResolution怎么和打印机对象连在一起呀, 装了腾讯的浏览器现在删了 可是用cterm点击里面的网址还会调用腾讯的浏览器 如何修改注册表 那个键值? 电子邮件的问题 草,蝗虫,鼠,麻雀,毛虫,蛇,螳螂,狐和鹰中,有多少条食物链?说出是谁被谁吃 某面粉厂有一容积是24立方米的长方体储粮池,它的长是高或宽的2倍,当贴着他的一最大的内侧面将面粉堆成一个最大的半圆锥时,这堆面粉的体积是多少? 氯化镁与氨水反应可逆吗? 细胞膜的流动性有什么作用? 用matlab求解矩阵a的最大特征值及其特征向量,并将其特征向量归一化,对矩阵a进行一致性检验.速求a=(1 1 5 5 7 7 ;1 1 5 5 7 7 ;1/5 1/5 1 3 5 5;1/5 1/5 1/3 1 3 2;1/7 1/7 1/5 1/3 1 1/2;1/7 1/7 1/3 1/2 2 1) 氨水于氯化镁溶液反应的离子方程式 物理兴趣小组的同学在探究“音调与频率的关系”时,做了如下实验:(根据下列步骤,回答相关问题.)实验器材:一张旧年历卡片(或有弹性的硬纸板)、一辆自行车.实验步骤:(1)把自 送元二使安西的主要内容以及思想感情是什么?要概括些的! 磁场的方向就是磁体在磁场中受力的方向(参见补充说明)磁场的方向就是磁体在磁场中受力的方向,且磁感线的方向就是磁场的方向,那磁体的南极就不会与另一个磁体的南极所吸 (2012•乌兰察布)某物理兴趣小组的三个同学做“观察水的沸腾”实验,他们使用的实验装置分别如图a、b、c所示,酒精灯和烧杯均为同一规格.甲、乙、丙是使用这三套实验装置实验后作 王维的送元二使安西是什么思想感情 氢氧化镁饱和水溶液中加入几滴氢氧化钠后,氢氧化镁的溶解度会发生什么变化?pH值会发生什么变化? 已知函数f(x)=2cosxsin(x+π/3)+sinxcosx-√3sin²x,x∈R(1)求函数f(x)的最小正周期 (2)若存在x∈【0,5π/12】,使不等式f(x)>m成立,求实数m的取值范围 高粱.水稻.小麦.玉米.老鼠.麻雀.蟋蟀.蝗虫.蛇.鹰之间的生物链有点少 送元二使安西的感受是什么 一个零功率电阻值为10000欧、最大功耗为 500 mW 的 NTC热敏电阻,给它加载多大的电压时它就会烧毁? 在一个烧杯中放入许多碎冰块,把盛有碎冰块的试管插入烧杯中的碎冰块里,现用酒精灯隔着石棉在一个烧杯中放入许多碎冰块,把盛有碎冰块的试管插入烧杯中的碎冰块里,现用酒精灯隔着石棉 绿色植物的蒸腾作用带走了植物体中百分之九十九以上的水分.你认为对当地气候会有什么影响? 已知函数f(x)sinxcosx-√3sin²x+√3/2(1)求函数f(x)的最小正周期在f(x)在[-π/2,π/2]上的单调减区间;(3)求f(x)在[0,π/4]上的最值及相应的x取值范围 .某面粉厂有一溶剂是24立方米的长方体储粮池,它的长是高和宽的2倍,当贴着它的一最某面粉厂有一溶剂是24立方米的长方体储粮池,它的长是高或宽的2倍,当贴着它的一最大的内侧面将面粉 绿色植物的蒸腾作用帶走了植物体中大部分水分,你认为这对当地气候会有什么影响? 0欧电阻的功耗如何估算? 某面粉厂有一个容积是16立方米的长方体储粮池,它的长是宽或高的2倍,当贴着它一最大的内侧面将小麦堆成一个最大的半圆锥体时,求这堆小麦的体积. 一定量的理想气体,经历某过程后,温度升高.则根据热力学定律可以断定:一定量的理想气体,经历某过程后,温度升高.则根据热力学定律可以断定:(1) 该理想气体系统在此过程中吸了热. ( 220V输电线电阻为0.1欧,求损耗功率(1)居民楼内消耗的功率为44KW,为保证输入居民楼内的电压为220V,输电线总电阻为0.1欧,供电设备输出电压为多少伏?(2)把电功率44KW调到88KW,所有用电器均正常 一个烧着沸水的烧杯,用冷水往烧杯上泼,烧杯里的水再次沸腾,为啥快 物理题中“理想气体”是怎样一个概念 【数学】已知函数f(x)=2cosxsin(x+π/3)-√3sin^2(x)+sinxcosx求(1)函数的最小正周期(2)函数的最大值和最小值(3)函数的递增区间(4)方程f(x)=x/(50π)的根的个数 我家宝宝喝奶粉的水,我通常用矿泉水冲奶, 为什么氟利昂制冷系统自动化程度比氨制冷系统更高? 已知函数f(x)=2cosxsin(x+π/3)-√3sin²x+sinxcosx(x属于R)1 函数的最大值及取得最大值时的x2 函数的单调减区间 急求各位大大了 物理实验求指教 :一烧杯将水烧开后 .用塞子将口塞住 再浇冷水上去 水会沸腾,是为什么? 理想气体 两端开口、粗细均匀的U型玻璃管开口向上竖直放置,两段水银柱中间封有一定质量的理想气体,其液面高度差如图所示,则如果向右管倒入少量水银后,图中的 将 (填“增大”“不变 铁是不是无论有没有磁性都会被磁体吸引 1.有三个用电器,其中一个为“220V,60W”的电风扇,一个为“220V,60W”的白炽灯,另一个是“220V,60W�1.有三个用电器,其中一个为“220V,60W”的电风扇,一个为“220V,60W”的白炽灯,另一个是“220V,60W” 制冷系统中是不是只有氟利昂系统才用干燥器?氨系统不用吗? 铁为何能被磁体吸引, 若将两台“220V 400W的电暖器串联接入220V的电路,则两台电暖器的总功率是多少 一道物理题目 关于理想气体的直玻璃管中部有一水银柱,两端封闭,管水平放置时,两端空气压强恰为76cmhg,水银柱在管正中,将管竖直放置,水银柱上部空气长恰为下部空气长的两倍,则管内水银 在方格纸上画面积是18平方厘米的三角形画出的三角形的底和高都是整厘米数,可 电暖器(电扇形状的)发的什么 光 冷库采用氨制冷系统和氟里昂制冷系统哪个好? 某物理兴趣小组为了探究水吸收太阳能的度某物理兴趣小组为了探究水吸收太阳能的本领,做了如下实验:在一个水盆内装入6kg水,水的表面积为0.1平方米,在太阳光下垂直照射15min后,水温升高 一个圆柱形游泳池,直径是40米,深2米.(1)这个游泳池占地面积是多少?(2)在游泳池的一周围上护栏,护栏的长是多少米?(3)挖成这个游泳池,共需挖土多少立方米?(4)在池内的侧面和底面 理想气体物理题容器甲,乙用水平玻璃管连接,管内一段水银柱把气体分为左右两部分,甲乙两部分气体的厨师温度为27℃和37℃,现将两边气体的温度同时升高10℃,水银柱将怎么样变化?图是左甲 绿色植物参与水循环 复习 一个底面直径是40米,深2米的圆柱形游泳池,水深1.8米.先在储水多少立方米 对于氟利昂制冷系统,为什么需要设置干燥装置?若氟利昂制冷系统中发生“冰塞”,最有可能发生在管路中什么地方,为什么? 绿色植物参与生物水循环的形式是什么,他能够增加什么 一个圆柱形游泳池,直径是40m,池深2m,它能容水多少立方米?如果它的内壁和地面贴瓷一个圆柱形游泳池,直径是40m,池深2m,它能容水多少立方米?如果它的内壁和地面贴瓷的面积是多少平方米?要的 空调的制冷系统是怎么,氟利昂? 设函数f(x)=1-a/2×x²+ax-㏑x﹙a∈R﹚ 1.当a=1时.求函数f(x)的极值 2.当a>1时.函数f(x)的单调性3.若对任意a∈﹙2.3﹚及任意X1 ,X2∈[1,2],恒有ma+㏑2>|f(x1)-f﹙x2﹚|成立,求实数m的取值范围. 一个圆柱形游泳池,底面直径40米,深2米,这个游泳池的占地面积是多少?在池内的侧面和池底贴上瓷砖,需要多少面积的瓷砖 物理的物态变化中的六个概念的生活运用的例子,记住了概念可是总不会运用咋办 水稻、稻螟虫、蝗虫、青蛙、麻雀、蛇、老鹰、鱼虾、老鼠、黄鼠狼、猫头鹰、白鹭,它们之间食物链都列一列 某面粉厂有一个容积是16立方米的长方体储粮池,它的长是宽或高的2倍,当贴着它一最大的内侧面将小麦堆成一最大的半圆锥体时,求这堆小麦的体积. 冰雪加盐后为什么融化会更快如题 细胞膜的流动性使细胞膜具有识别外界信息的作用, 某面粉厂有一容积是24立方米的长方形储粮池,它的长是宽和高的两倍,当贴着它的一最大的内侧面将面粉堆成一个最大的半圆锥(如图)时,这堆面粉的体积是多少?(答案清楚些,好理解些) 磁场的范围是不是说明了磁力的吸引力的范围?
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘