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

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

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

搜狐否认“情理之中”的退市 上市仍是最优选择 六大BaaS产品推荐:移动开发必备的后端云服务 未遵守承诺 微软遭遇欧盟7.31亿美元巨额罚单 PaaS正能量:6人团队,仅1人全职后端 支撑6000万用户 三星:我不抽成,收益100%让开发者拿去! 腾讯开放平台推“送红利计划” 承诺半年内不参与分成 JavaEE快速开发框架Wabacus 4.0发布,开发效率提高五倍以上 市盈率创新高 谷歌为什么会在苹果博弈中暂时胜出 从Rovio遇到危机,看现在应用市场的演变 Windows Azure支持Android应用 面向东亚推广云服务 抛弃DRAM、拥抱闪存,Facebook重做Memcached 夏普三星联姻 电子行业或将多元化发展 从下拉菜单设计细节看Amazon对用户体验的把握 Chartboost美女CEO:40人团队服务3亿移动玩家 Distimo:新晋开发者想让产品得到关注越来越难 OpenFeint绝迹后,开源项目OpenKit继续前进 美FDA通过搜索引擎和社交平台预警药品副作用 挖坟三星“眼球追踪技术”背后的技术团队 为什么开发者热衷在Stack Overflow上查阅API文档? Facebook推新News Feed 欲造就“个性化报纸” 女神程序员的一天:暴力测试social爬虫代码 2013IBM云存储路线图:更快,更简单,更安全 二战大数据故事:数学家、物理学家、概率论击败德国潜艇 软件定义网络服务商Pertino B轮融资2000万 Scringo社交组件,让你的应用“热闹”起来! Android开发必备:Eclipse 4.2 SR2版本发布 32场!2013年360HTML5校园行首站告捷 移动周报:不做内容,只钻技术的快播 一周消息树:中国开源发展缓慢的“病因” 百度应用引擎BAE正式开放 新增支持Node.js CloudVelocity,下一个VMware? PB脚本里怎样取得存储过程的返回值?怎么判断是否已经成功执行存储过程? 知道下载流媒体除streambox外还有什么软件? 问一个简单问题 大家来讨论:在这种情况下,用户的权限应该怎样设计才比较合理! 大家来讨论:在这种情况下,用户的权限应该怎样设计才比较合理! 如何在directshow 的视频窗口中实现会绘直线? PLMM接分! 着急 ,关于treeview 的一个很土的问题 请Exchange高手进来领分! 都说男生比女生编程厉害,如果你们能解决这个问题,那我真的承认这句话了,哎. 我是一只菜鸟,请大家帮帮我 我晕,Access库大家都在用,有高手知道何能办Access库里的内容全由简体转成繁体吗?谢谢各位了! 卖mcsa的资料共5本~~~~ 除了C++以外,还想学一门别的,不知道该选择JAVA还是C#? 请那怎么样把1000000转成1,000,000呢。有效的一定给分。 庆祝16大,放分1600,菜鸟16问之5----我怎样参与到16大中? pb7.0的pbl怎么在pb6.5上打开! 请那怎么样把1000000转成1,000,000呢。有效的一定给分。 如何判断表中是否含有指定名字的列名??? 我晕,Access库大家都在用,有高手知道何能办Access库里的内容全由简体转成繁体吗?谢谢各位了! 我在frontpage中插入了一个ActiveX控件,代码里只是<object classid="clsid:8E279..">请是如何能得到它的真实代码? 在vb 中用 loadicon 函数的问题(在线等待) 增加、删除MSHFlexGrid1 控件一条记录 ,的代码怎么写呀,100 SQL怎样在ADO中使用 求助!如何实现域名查询?(急!!) 到那里可以找到gcc ,makefile的详细用法,非在linux下用man vb怎么样建立后缀名为 .Dll 动态链接库 请教:为什么不能编译? HTML控件"Input"中的那个“浏览”,怎样能变成英文的? 在注册的时候,如何限制用户知道后面的页面直接输入地址访问啊 DataGrid如何判断鼠标位于第几列? 怎么可以知道我的机器现在是否可以访问Internat? 为什么IFRAME总是显示不出来?厌ssss! 作一个象QQ一样的弹出页面,可以用鼠标拖动?很急阿 ResultSet的问题 大侠帮忙啊!如何在基于对话框的程序中给菜单加快捷键? SOS拜托了 请问一下,在VB中怎么样实将文本写入到一个WORD文档 pb7中如何实现让用户选定驱动器或者文件夹?有什么api函数? 专家都来吧!如何设置excel单元格的类型!问了好常时间,每人回答啊!! 我想买一本COM的入门的书,推荐就有分(急,明天就买了)! 基础知识疑问???????(每题一分,系列问题) 我想在一张图片上的某个部分做个连接请问怎么做? 如何在VB分布式开发中调用远程MTS/COM+上组件,怎么进行网络通讯? 在win98下查询dns服务器和win2000下有区别吗? 给我的NotePad做一个接口,直接和腾迅服务器相连,提供登录接口。然后说的话可以通过直接 关于ASP的日期计算问题,请大家来指导一下!!! 数组的使用? 音标如何输? .net中的窗体控制问题,在线等待,100分 插入记录的问题 no one 和 noneI wanted to buy a comic book but there were ______ left at the bookshopA no one B noneC anyoneD nothing为什么 英语作文我最喜爱的一个歌手 名词能在英语中做状语吗?英语中,名词是否可以直接担当 状语,而前面不加介词?如:1 I work (for) 8 hours every day这里的 8 hours 前,是否要介词呢?时间名词前面,不加介词 2 for + 时间,如 for 3 hours,for 定语从句句式,xx+xx这样的,最好有例句 关于no one和none的区别If more readers become comfortable with reading digitally, ( ) but the book-collectors will want to buy paper books.       A anyone   B someone    C no one   D none    答 "请不要说脏话"怎样翻译? 英语中的定语从句,宾语从句的含义与句式怎样很好区分定语从句,宾语从句?更好的掌握这两种从句 no one 和none区别? 英语翻译谢啦,短点啊, spend doing sth和spend on sthspend doing sth等于spend on it takes sb some time to do sth 等于 spend doing sth 、 spend on why? 多重定语从句例句,五句 请问这样的男人是什么意思?求大神帮助他给他的老婆说 我给你的生活我就什么都不做 也不为你改变什么 你要吃要用你就自己去找钱 不要指望我. spend ...on(in) doing sth ---------------------------------------------的区别 NO ONE 这首歌讲的是什么内容`汉语意思是`什么`` spend,cost.take有什么区别? 请教Having been done与过去分词的一般式作状语时有什么区别?好象两者都表被动和完成,有什么区别呢? Think of life as a game in which you are playing with five balls in the air "我喉咙发炎了" 英语应该怎么翻译 分词作状语having done和done 有什么区别 I think the movie which ____ the life of high school students will be very popula with teenagersA.based on B.is baseing on C.bases on D.is based on 英语口语跟读有用吗 with a pair of glasses和wear a pair of glasses 和 in a pair of glasses有什么区别?请说明理由.哪一个是正确的,要说明理由 Can not find or load a life Which is required to execute the game是什么 The black's shadow is short.(划线部分提问,划线部分是short)求快速回答, 帮忙给儿子起个英文名字~儿子叫葛俊涛,请高手帮忙起个英文名吧~ 玩穿越火线出现can not find or load a life which is required to execulte the game我是win7系统 有时候重启了就好了 重新安装了也没用 我要解决办法 杨利伟上太空到底干什么? The boy with a pair of glasses is Peter.对with a pair of glasses 部分提问 Here is the men's怎么读!Here is the men's怎么读,怎么发音Welcome怎么读 帮忙写一篇My favourite present的英语作文~ 我想帮儿子起英文名我儿子十岁,看起来太弱小,他读书很聪明,我想给他起个比较强壮的英文名,他的中文名字叫张耀. the man is short and has curly hair.翻译 take cost的区分 no one做主语谓语动词用什么 The man with a pair of funny glasses is my math teather同义句 We all know that Jiangsu is e______ of China.能填“east”吗?在.的东部不是“on the east”吗? No one 做主语,谓语动词用单数,那为什么这个是likes 手足情深的这个成语的意思是什么? we all know that china isa developing country,__attracting more and more foreigners.Aone Bthe one Cit Dthat everyone做主语是为什么后面动词要加s 英语作文——my favourite toy 求英语造句!ex:1 the next weeken I WILL BE dancing in park2 the next mont I WILL BE dancing in park1 the next vacation SHE WILL BE traveling to Paris2 she WILL BE traeveling to paris the next vacation 要用:work,sing,listen ,feed ,build,visit, 两个动词出现时,假如主语是单三,第二个动词用原形还是加s 例如:He helps me ( ) my English . 用learn的正确形式填空. 球英语作文“MY FAVOURITE TOY”作文,要求写电脑的,今天回答, 帮我补全一段找新华书店的英文对话A:_ me.Is _ a bookstore near here?B:I'm _,I _ know.Ask that policeman,please.A:_ you all the same.A:Excuse me._ can I get to the C:Go along the _ and _ right.You can _ it there._ on your right.It's near The beginning of a new life 翻译 手足情深文中的两个意思 英语翻译大多数吸烟者都意识到吸烟的危害.因为受伤他不得不退出赛跑.她不向我们打声招呼就走了,这是非常不礼貌的.当她的邻居需要帮助时,她从来都不会不理他们. 《the heart of life》这首歌的翻译. 以My Favourite toy为提写一篇英文作文,怎么写? 英语中的名词作状语英语中的名词作状语,怎么回事啊,帮帮忙 12年12月英语3级作文....下面是题目...假设你是某公司销售经理王海,请给大卫写一封回信,感谢对方订购了一百箱衬衫,建议使用纸箱装运而不用木箱,并列举纸箱的优点,比如轻便成本低,你公司 阅读短文On Sunday,Tom usually gets up at 9 o’clock.Totay,Tom got up at six,because he would go to a picnic with his parents (父母) .But it was raining.So they couldn’t go to the picnic in the park.Tom went to the kitchen and said to his mum 请给我几个英语状语例句,最好各个方面1或2个, 英语翻译Here we go!Ale,ale,ale!Go,go,goal!Ale,ale,ale!Tonight's the night!We're gonna celebrate!The cup of life!Ale,ale,ale!帮个忙翻译下~ 随地吐痰 讲粗话脏话的英语怎么讲 名词作状语(英语)最好带上几个例句. no one 后面能不能加 of 我不应该说脏话 翻译 什么是英语的名词作状语什么是状语啊
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘