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

purplebear 发布于1年前 阅读5777次
0 条评论

  在《直接拿来用!最火前端开源项目(一)》中为开发者整理了九个大类的开源项目列表,开发者们,你们用的怎么样了?是否感觉到开源项目带来的事半功倍的效果呢?在这里,本文继续为你整理了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

  (2)JavaScript

  (3)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:是一个健壮的绘图工具,可以适合任何数据的需求

  十三、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

  (3)Sitemap

  • SlickMap CSS:一个简单的样式单,根据sitemap显示对应的图形化信息

  (4)Table Of Contents

  (5)Modals

  (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

  (8)Selects

  (9)Progress Bars

  (10)Misc

  相关文档:直接拿来用!最火的前端开源项目(一)   直接拿来用!最火的前端开源项目(三)

需要 登录 后回复方可回复, 如果你还没有账号你可以 注册 一个帐号。