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

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

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

逗你玩?淘宝开放平台从4月1起开始全面收费 出现编程疲劳?千万别纠结 “编程竞赛界王子”教你更好的招聘程序员 SA:三星全球智能电视市场份额达26% Cocos2d-x 3.0分语言包发布 最新进展即将披露 友盟:社会化分享成为APP开发“标准配置” 从“简单”的封面设计剖析Netflix背后的数据哲学 与Linus Torvalds“并列”,虚拟化天才程序员法布里斯贝拉 让超级计算机和数据中心“飞”,Intel推800Gbps神器MXC 【OSTC讲师专访】Debian开发者李道兵:平静地理解开源 红帽推出开源业务流程管理套件:JBoss BPM Suite 6 科学研究证明:程序员快乐才能更好的工作 ChocolateChip-UI:能“逆转”的跨平台应用开发框架 分享12款最佳的Bootstrap设计工具 Apache Flex 4.12发布,支持iOS 7 智能手机应用挑战Web平台,看W3C如何反击? 电信级数据流量与监控系统部署案例分享 TCL联手Mozilla,HTML5智能电视真的要来了! 先睹为快:Unity亚洲开发者大会虚拟游览展示 OSTC&#183;2014 演讲日程出炉,Perl创始人来了! Unity将收购Applifier,并引入Everyplay和GameAds两大平台 《近匠》从Cubieboard到radxa:汤亮的第二次硬件创业 九头蛇与大象之争,Hydra或将取代Hadoop 喜讯:中国安全团队Keen成功在Pwn2Own 2014黑客大赛上攻破64位Mac上的Safari OCP黑客马拉松冠军:24小时头脑风暴背后 新时代应用程序设计及MongoDB的十个深入理解 借助“开源”东风 英特尔打造卓越“软实力” 深圳综合交通设计研究院张鹍鹏:智能交通设备领域已成红海 信息化是发展趋势 25个可遇不可求的jQuery插件 Web设计中对视差设计的误区 直接拿来用,九个超实用的PHP代码片段(二) 赶快来尝试一下吧! 如何在 View 类中编写press any key to continue功能模块 Vc++下应用Matlab数学函数库出错 如何用VB实现自动登录? 赶快来尝试一下吧! ado的问题! 如何传递带“%”的参数? 有全套的ERP源代码为你提供,助你在开发过程中更上一层楼 字符串str=" aaa ",如何变为"aaa" 怎么没有人理俺泥?? 关于dw的问题 如何读入数据库中的HTML格式的正文呢? 一个在阅读<<深入浅出MFC>>中遇到的问题 !!!!急 新手,说找不到mfc42d.dll文件 怎么没有人理俺泥?? 关于dw的问题 FAST.lib 2000 for windows是个什么东东 请问各位一个非常简单的问题 jdk和jvm 笨蛋 大家有什么建议吗? ASP.net如何刷新另一个页面 有一年delphi工作经验的程序员在全国各地的待遇如何?哪个城市有发展前途(钱途)? 100分求解!!!这个问题大家都来看,来者有分!!! 告诉我几个地方,给你几十分,简单吧 :-) 有没有关于VPN的书籍 Interbase源码分析 西瓜是Plmm哎~! 一个字符串替换的小问题。。。 还有一个问题需要问大家。。。特别急。。。 我变成了大家的一员 哪儿有在jbuilder中让三键鼠标可以使用滚动功能的驱程? 我想把ODBC的所有数据源列出来显示,不知道用哪个函数,谁能告诉,多谢了!来就有分 两台机器怎样用一个asdl宽带猫上网 我的vc编译器在我的一个程序就是不出自动变量填补功能,在其他程序上可以,不知为什么 我想把ODBC的所有数据源列出来显示,不知道用哪个函数,谁能告诉,多谢了!来就有分 怎么复制程序自己? 小小问题 我喜欢在等人的时候抽根烟!(在车站接哈尔滨来的哥们) 我想把ODBC的所有数据源列出来显示,不知道用哪个函数,谁能告诉,多谢了!来就有分 如何在SQL服务器端编程截获SQL客户端从工作站机器上的登陆 大家的公司都用ASP做什么?????我一直想问这个问题。 我只有 .ora文件,怎样恢复数据库? 急 关于游戏编程! J2EE的配置问题!! 请帮忙 !!!多谢了!一定给分!!!! 什么类型的共享软件最挣钱? 请教各位大虾一个DLL问题 如何恢复oracle数据库,先安装好oracle,之后再安装了develop2000,修改了oracle_home后oracle就启动不来了。 SDI程序中,如何在MainFrame里,得到文档的指针? Delphi入门提问 请教各位大虾一个DLL问题 是输入IE网址不对还是Apache对该文件common.jsp设置了访问权限? ${java_home}/.. 汽车空调蒸发器温度传感器的工作原理 铁遇到空气会不会生锈回答的越详细越好 初二物理物态变化的知识结构图 请问蒸发器的工作原理和作用有哪些? 二氟一氯乙烯生成四氟乙烯的化学方程式如题 一块石碑体积为5m3,取一小块作为这块石碑的样品,测得它的质量是130g,用量筒装100cm3的水,再把石碑样品完全浸入水中,水面升高到150cm3处,求整块石碑的质量. 高一生物必修1所有实验现象最好是有实验流程,所用试剂及现象,对实验最不熟悉, 铁生锈与空气有关吗?,为什么? 什么是动能,机械能,内能 酒精与钠的反应 高一必修一生物实验总结 表格 铁会生锈是因为空气中的什么? 钠与酒精如何反应? 高一生物必修一第五章总结 蒸馏水是由什么成分组成的,可以饮用吗.自己可以弄吗. 钠在酒精中的反应我可不可以认为 钠在水中反应比在酒精中反应更加剧烈而可以得出水中的羟基更易断水中的羟基比乙醇中的羟基更活泼(我来确认一下理论知识有没有错.) 什么化学药剂和什么化学药剂发生化学反应会变成红色的液体.好像是初3上学期的题 甲乙两烧杯中分别放入0.1molna2o,na2o2,然后各加100ml水,是固体完全溶解.则甲乙的质量分数关系是甲=乙甲 敞口放在空气中一段时间后不会变质的是A:CaO B:NaCl C:NaOH D:Ca(OH)2 氧化镁的熔沸点为何比氧化铝高?按照离子晶体熔沸点变化规律应该是氧化铝的比氧化镁的高? 蒸馏水煮沸了再煮好吗 敞口放置在空气中的氢氧化钠溶液,时间久了会变质敞口放置在空气中的氢氧化钠溶液,时间久了要变质.现有一杯已部分变质的氢氧化钠溶液,其中OH-与Na+(不考虑水的电离)的个数比为3:7,则 用化学键能与晶格能解释为什么金刚石的熔沸点高于氯化钠?为什么高于氧化镁?C-C键的键能是357.7 kj/mol ,NaCl晶格能是738 kj/mol 左右 蒸馏水能饮用吗 用什么方法检验乙醇与钠反应的所产生的气体? 1氧化钠 2氧化镁 3三氧化二铝 的熔沸点高低说明一下原因 老师讲的是 2>3>1 铁在氧气中燃烧和铁生锈,虽然我们看到的什么不同? 可以用什么方法检验乙醇与钠反应所产生的气体? 水蒸气蒸馏分离的原理,有何实用意义?安全管和T形管的作用? 用自来水制取蒸馏水的操作是煮沸还是蒸馏? 23克的钠和足量乙醇反应,生成多少升气体 蒸馏水的沸腾书上说水沸腾时冒出的泡泡是因为水温升高此时气体溶解度降低,说以溶于水的气体就又冒出来了.那我很好奇如果加热的是蒸馏水(或者纯净水),那水沸腾时还会冒泡泡吗? 乙酰苯胺的制备反应瓶中白雾是什么 洗车循环水设备的功能及用途谁知道? 水蒸气蒸馏的适用范围及操作要点? 生铁和铁哪个更容易生锈 戴口罩带橡胶手套接触三氯甲烷会中毒吗? 制取蒸馏水时,水沸腾了会爆炸吗 NaO+H2O生成NaOH,那NaOH会加热分解成NaO和H2O么? 我老公冬天的时候用塑胶手套开了三氯甲烷的瓶子,过几个月后,我又用塑胶手套刷碗,请问会不会中毒 银会和酒精发生反应吗? NaOH可吸收H2O吗 多少氯仿会导致中毒? 能否用水蒸气蒸馏分离以下各组混合物 (1)硝基苯、苯胺 (2)溴苯、铁、三溴化铁 乙酰苯胺的制备中根据反应式计算,理论上能产生多少毫升水?为什么实际收集的液体量 科学实验心得怎么写 硝基苯水蒸汽蒸馏实验中,最后蒸馏硝基苯时为什么不能蒸干?同题 乙酰苯胺的制备反应完成应产生几毫升水,为什么实际收集液体远多于理论量,除用醋酸 怎样可以买到丙酮? 为何不电解氢氧化镁,氧化镁而是电解氯化镁呢 一冰醋酸为酰化试剂合成乙酰苯胺的合成原理是啥? 在西安那里可以买到丙酮啊 "工业上一般用电解「氯化镁」晶体制镁,而不是「氧化镁」"这句话为什么不对,不是问为什么不用氧化镁,而是问为什么不用氯化镁晶体 1,‘下列氯化物熔点高低顺序错误的是 A LiClMgCl2 C SnCl D ZnCl2 在那里可以买到丙酮?北京海淀哪里有? 氯化镁为什么不能一步生成氧化镁 补充锌元素的食物. 薄膜蒸发器的工作原理是什么样的? 煮沸腾的水是蒸馏水吗 哪些食物可以补充锌元素?
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘