开源中最棒的Web开发的能源

作品来源:Best “must know” open sources to
build the new
Web
。个人感觉那么些采访贴收集成1二分的全。

上学HTML 5编制程序和安顿性

CoffeeScript 1

服务器端的软件

CoffeeScript 2

  • ★ Node.js 是劳务器端的
    JavaScript
    环境,其采纳了异步事件驱动方式。其让Node.js在很多互连网使用体系布局下得到尤其不利的属性。 源码 和 实时演示
  • PhantomJS 也是二个劳动器端的
    JavaScript API的WebKit。其援救各样Web标准: DOM 处理, CSS 采用器,
    JSON, Canvas, 和 SVG
  • Lighttpd 2个轻量级的开源Web服务器。新闻,文书档案,benchmarks,
    bugs, 和 download. Lighttpd 支撑了多少个十分资深的 Web 2.0
    网址,如:YouTube, wikipedia 和 meebo.
  • NGinx,
    质量巨高无比的轻量级的Web服务器。比Apache高多了。花了6年的光阴,终于走到了1.0版。
  • Apache HTTP
    Server
     是3个非常的红的并补助多个流行的操作系统的Web服务器。
  • ★ PHP 只怕是最风靡的劳务器端的Web脚本动态处理语言。
  • 当然,还有 RubyPythonErlangPerlJava.NETAndroidC++Go, Fantom,CoffeeScriptD, …

PHP 框架和工具

CoffeeScript 3

数据库

CoffeeScript 4

  • ★ Apache
    CouchDB
     是贰个面向文书档案的数据库管理种类。它提供以JSON
    作为数据格式的REST
    接口来对其进展操作,并得以经过视图来支配文书档案的团队和表现。.源码.
  • MonoQL 是二个利用PHP+ExtJS开发的MySQL数据库管理工科具。界面极像一个桌面应用程序,支持超越二分一常用的成效包蕴:表格设计,数据浏览/编辑,数据导入/导出和高档查询等。
  • MariaDB 是MySQL的四个支行,由MySQL
    创办人Monty Widenius
    所开发。GPL,用来对抗Oracle全数的MySQL的license的意想不到。自Oracle收购SUN以来,整个社区对此MySQL前途的忧虑就未有停歇过。
  • ★ SQLite 不像常见的客户端/服务器结构范例,SQLite引擎不是个程序与之通信的独立进度,而是连接受程序中变成它的八个注重部分。所以首要的通讯协议是在编制程序语言内的直白API调用。那在费用总量、延迟时间和总体简单性上有积极的效益。整个数据库(定义、表、索引和数码笔者)都在宿主主机上囤积在3个纯净的文本中。它的简练的筹划是因而在始发三个业务的时候锁定任何数据文件而成就的。库完结了多数的SQL-玖二标准,包涵工作,正是象征原子性、一致性、隔断性和持久性的(ACID),触发器和当先4陆%的复杂性查询。不进行项目检查。你能够把字符串插入到整数列中。某个用户发现那是使数据库特别实用的创新,尤其是与无类型的脚本语言1起使用的时候。其余用户认为那是关键的瑕疵。
  • SQL
    在线设计编辑器
    ,这一节的相当图片就是那几个在线编辑器的规范了。二个画数据库图表的在线工具。很有力。

API 和 在线数据

CoffeeScript 5

在线代码和传播媒介编辑器

CoffeeScript 6

  • ★ CodeRun
    Studio
    1个基于JavaScript语言开发的跨平台的购并开发环境,它立足于云总括的设计思路,方便开发者在浏览器端便得以轻松手发、调节和测试和配备网络应用程序。(参看《Coderun.com
    在线开发IDE
    》)
  • Cloud9
    IDE
     –
    2个依照Node.JS塑造的JavaScript程序支付Web
    IDE。它装有3个10分快的文书编辑器帮衬为JS, HTML,
    CSS和那三种的参差不齐代码进行着色展现。
  • ★ jsFiddle –
    Javascript的在线运维呈现框架,这一个工具得以使得的扶持web前端开发人士来有效分享和演示前端效果,其简要而强大
    (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML,
    CSS)
  • Akshell一种云服务,它采取服务端的JavaScript和在线的IDE支持开发者举行高效应用程序开发。
    它还提供云托管,所以布置是即时的。
  • JSONeditor,
    多个好用的JSON 编辑器
  • ★ TinyMCE 八个轻量级的基于浏览器的所见即所得编辑器,援救近期风靡的各类浏览器,由JavaScript写成。
  • Ext
    Designer
     是贰个桌面应用工具,帮忙您飞速支付基于ExtJS
    的用户界面。
  • ★ LucidChart,一款基于最新的html5技艺的在线图表绘制软件,作用强大,速度神速,运维此软件要求帮忙html伍的浏览器。
  • Balsamiq
    Mockups
    ,
    产品设计师绘制线框图或产品原型界面包车型大巴利器。
  • Color Scheme
    Designer
     三 –
    3个免费的线上调色工具
  • ★ Pixlr,
    是三个源于瑞典王国基于Flash的免费在线图片处理网址。除了操作介面和职能相近Photoshop,依旧多语言版本,协理简体中文。(以前酷壳介绍过
  • Aviary,
    是2个基于HTML五的在线图片处理工具,能够很简单的对图纸展开早先时期处理。 Aviary
    API
  • Favicon
    Generator
    线上favicon(16×1陆)制作工具。

代码财富和版本控制

CoffeeScript 7

  • ★ GitHub 是二个用以选择Git版本控制类别的种类的依据网络的存取服务。
  • Git 是三个由Linus为了更加好地管理linux内核开发而创立的分布式版本控制/软件配置管理软件。其巨快无比,高效,采取了分布式版本库的秘诀,不必服务器端软件支持,使源代码的昭示和调换极其方便。
  • Google
    Code
     谷歌公司官方的开发者网站,包涵种种开发技术的API、开发工具、以及开发技术参考资料。
  • Google Libraries
    API
     Google将优质的 JavaScript 框架布置在其 CDN 上,在我们的网址上选择 谷歌Libraries API 能够加速 JavaScript 框架的加载速度。
  • Snipplr 3个盛开的源代码技巧分享社区,号称Code
    2.0。和一般的源码分享网址差异,它针对的并不是重型网址源码,而是一些编制程序的代码技巧。

JavaScript 桌面应用框架

CoffeeScript 8

  • ★ jQuery 是二个快捷、简单的JavaScript
    library, 它简化了HTML 文件的traversing,事件处理、动画、Ajax
    互动,从而方便了网页制作的高效进步。 源码APIAPI浏览很不错的文书档案.
  • ★ 官方的 jQuery User Interface (UI)
    library
     (演示和文书档案). 源码,Themes
    Roller
    Download.
  • YUI
    2
     — Yahoo! User
    Interface Library
  • Mootools,
    二个最佳轻量级的 web贰.0 JavaScript framework
  • Prototype 提供面向对象的Javascript和AJAX
  • Dojo The
    Dojo
    Toolkit,贰个精锐的1筹莫展被制伏的面向对象JavaScript框架。首要由三大模块组合:Core、Dijit、DojoX。Core提供Ajax,events,packaging,CSS-based
    querying,animations,JSON等相关操作API。Dijit是一个可更换皮肤,基于模板的WEB
    UI控件库。DojoX包蕴壹些更新/新颖的代码和控件:DateGrid,charts,离线应用,跨浏览器矢量绘图等。
  • ★ Ext JS
    4
    ,
    行业内部最精锐的 JavaScript framework。
  • PHP.js,
    1个开源的JavaScript 库,它尝试在JavaScript 中落到实处PHP
    函数。在您的品种中程导弹入PHP.JS 库,能够在静态页面使用你喜欢的PHP
    函数。

JavaScript 移动和触摸框架

CoffeeScript 9

  • ★ jQuery
    Mobile
     : 是 jQuery
    在手提式有线电话机上和机械设备上的本子。jQuery Mobile
    不仅会给主流移动平台带来jQuery宗旨库,而且会发布三个完好无损统一的jQuery移动UI框架。辅助满世界主流的运动平台。jQuery
    Mobile开发团队说:能开发那几个项目,大家那么些喜悦。移动Web太必要一个跨浏览器的框架,让开发人士开发出真正的移位Web网址。我们将尽全力去满意那样的要求。 Sources.
  • Zepto.js Zepto.js
    是支撑活动WebKit浏览器的JavaScript框架,具有与jQuery包容的语法。2-5k的库,通过正确的API处理绝半数以上的大旨工作。 Sources.
  • MicroJS :
    Microjs网址应用列出了累累轻量的Javascript类库和框架,它们都极小,大多数低于5kb。那样您不必要因为只须求三个效率就要加载3个JS的框架。
  • ★ PhoneGap :是一款开源的手提式有线电话机接纳开发平台,它只是只用HTML和JavaScript语言就足以创立出能在四个运动设备上运行的使用。 Sources.
  • ★ Sencha
    Touch
     Sencha Touch
    是三个支撑两种智能手提式有线话机平台(小米, Android, 和三星)的 HTML5框架。Sencha Touch能够让您的Web App看起来像Native
    App。美观的用户界面组件和增进的数量管理,全体基于最新的HTML伍和CSS叁的
    WEB标准,周详包容Android和Apple iOS设备。
  • JQtouch,
    是二个jQuery 的插件,首要用来手提式有线电话机上的Webkit
    浏览器上贯彻部分包蕴动画、列表导航、暗中同意使用样式等种种常见UI效果的JavaScript
    库。 Sources.
  • DHTMLX
    Touch
     针对移动和触摸设备的JavaScript
    框架。DHTMLX Touch基于HTML5,成立移动web应用。它不只是1组UI
    小工具,而是三个完好无缺的框架,能够本着移动和触摸设备制造跨平台的web应用。它分外主流的web浏览器,用DHTMLX
    Touch创立的采取,能够在平板电脑、Nokia、Android智能手提式有线电电话机等方面运营通畅。

jQuery 插件

CoffeeScript 10

  • Waypoints 是三个jQuery
    用来落到实处捕获种种滚动事件的插件,例如落到实处无翻页的始末浏览,或然固定有个别元素不让滚动等等。帮忙主流浏览器版本。
  • Lazy
    loader
     
    插件能够达成图片的推迟加载,当网页比较长的时候,会先只加载用户视窗内的图样,视窗外的图片会等到你拖动滚动条至后边才加载,那样有效的制止了因图片过多而加载慢的流弊。
  • TweenJS :
    2个总结和强硬的 tweening / animation 的Javascript库。
  • Easings 类Css三的jQuery
    动画插件
  • Spritely 这么些插件能够创制出如flash一样的动画片效果,比如:在页面上有1只飞动的鸟类,一个动态滚动的背景等。
  • File
    Upload
    jQuery
    文件上传插件肆.四.1
  • Slideshow/Carousel 插件. Sources.
  • Supersized –
    全屏式的背景/幻灯片插件
  • Masonry i1款尤其酷的自行排版插件,那款jQuery工具得以根据网格来机关排列水平和垂直成分,超过原来的css. Sources.
  • jQuery 简单 Layout 演示,管理各类边栏式,可改变大小式的布局。
  • Flexigrid –
    jQuery 数据表插件
  • Isotope纯属是三个令人困惑的jQuery插件,你能够用它来成立动态和智能布局。你能够隐蔽和出示与过滤项目,重新排序和整理甚至越来越多。
  • Super
    Gestures
     jQuery
    插件能够兑现腰肌劳损势的功用。
  • MouseWheel 是由Brandon亚伦开发的jQuery插件,用于添加跨浏览器的鼠标滚轮支持。
  • AutoSuggest jQuery
    插件能够让您添加1些机关达成的效应。
  • qTip 叁个佳绩的jQuery 的工具提醒插件,这一个插件功用格外强劲。
  • jQuery Charts and
    graphic
     用来创建图纸。
  • jQuery Tools– The missing UI
    library

其它 jQuery 资源

HTML5 录制播放器

CoffeeScript 11

  • ★ Popcorn.js 是三个HTML伍Video框架,它提供了简单使用的API来共同交互式内容,让操作HTML五Video成分的习性,方法和事件变得简单易用。 (来自Mozilla)
  • LeanBack
    Player
     HTML5录像播放器,没有借助任何JavaScript框架。帮助全屏播放,音量控制,在同1个页面中播放两个摄像。
    (来自谷歌)
  • Vid.ly 为您上传的摄像提供转换职能,并且为转移后的录像创设2个短式网球站。通过Vid.ly,让您的摄像能够在1肆种不相同的浏览器和配备上播报,不要求再去思虑将要浏览录制的人利用什么设备了,以制止各各软件巨头之间的利益之争带来了不相配,给用户带来了光辉的麻烦,短网站让您可以经过脸谱、推文(Tweet)等措施有利分享摄像。Vid.ly还是能透过html代码嵌入到任何网页中。Vid.ly免费帐户空间为一GB,免费帐户也从不广播或浏览限制。

JavaScript 音频处理与可视化效果

CoffeeScript 12

  • ★ 使用HTML5 和 Flash, SoundManager
    V2
     只用单1API的提供了保证,简单和强劲的跨平台的韵律处理。
  • DSP,
    JavaScript的声音Digital Signal Processing
  • The Radiolab Hyper Audio
    Player
     v1, 带给你 WNYC
    Radiolab, SoundCloud 和 Mozilla Drumbeat
  • jPlayer, 1个jQuery HTML伍 音频/ 摄像库,功效齐全的API

JavaScript 图形 和 3D

CoffeeScript 13

  • ★ Processing.js是一个盛开的编制程序语言,在不应用Flash或Java小程序的前提下,
    能够完结程序图像、动画和互相的使用。其接纳Web标准,无需任何插件。
  • ★ Javascript 3D 引擎: ThreeJS 由
    Mr Doob 开发,3个轻量级的 3D
    引擎,不供给理解细节,傻瓜都能应用。那么些引擎能够选用<canvas>,
    <svg> 和 WebGL.
  • Shader
    Toy
    ,
    一款使用WebGL的在线着色器编辑器(2D/3D).
    基于在线的运用架构使你无需下载任何软件即可发轫体验. Shader
    Toy包涵大批量实用着色器, 诸如光线追踪, 场景距离渲染, 球体, 隧道, 变形,
    早先时期处理特效等.
  • PhiloGL,
    Sencha的PhiloGL是第多个WebGL开发工具之1,提供了高品位的功能,来构建WebGL应用。Sencha成立了多少个示范,来讲述框架交互式3D虚拟化的力量,比如3D view of global temperature
    changes
  • WebGL
    Inspector
     你就Firebug等Web调节和测试工具1样,那个是
    WebGL的调试工具。
  • WebGL
    frameworks
     由
    Khronos Group 收集的三个WebGL框架列表。
  • EaselJS,
    1个施用html5的canvas的 JavaScript 库. Sources.
  • JavaScript Game
    Frameworks
     免费的JS游戏框架列表。另,可参照 JS游戏框架列表
  • Raphaël是七个小型的JavaScript
    库,用来简化在页面上突显向量图的做事。你能够用它在页面上制图种种图片、并展开图片的分割、旋转等操作。参看Javascript向量图Lib–Raphaël
  • jQuery
    SVG
     插件让您能够了 SVG
    canvas 进行互相。
  • Google chart
    tools
     –
    参看本站的应用谷歌API做总括图
  • Arbor.js,
    是三个行使webworkers和jQuery创制的数据图形可视化JavaScript框架。它为图形组织和显示屏刷新拍卖提供了二个急速、力导向布局算法。

JavaScript 浏览器接口 (HTML伍)

CoffeeScript 14

  • ★ Modernizr –
    是3个专为HTML伍 和CSS3 开发的意义检查实验类库,能够根据浏览器对HTML5和CSS3 的支撑程度提供更为简便易行的前端优化方案.Sources.
    三个得力的列表 cross-browser
    Polyfills
  • HTML5Shiv :
    该品种的目标是为了让IE 能辨别HTML伍 的因素。
  • Polyfills :
    那几个连串募集了一些代码片段其用Javascript协助不一致的浏览器的尤其意义,有些代码需求Flash。
  • YepNopeJS :
    二个异步的条件式的加载器。Sources.
  • jQuery CSS3
    Finalise
     :
    是或不是厌倦了为每一个浏览器的CSS三属性加前缀?
  • ★ Amplify.js :一套用于web应用数据管理和应用程序通信的 jQuery
    组件库
    。提供简单易用的API接口。Amplify的指标是透过为各类数据源提供三个统一的程序接口简化种种格式数据的数码处理。Amplify的积存组件使用localStorage

    sessionStorage标准处理客户端的囤积音信,对一些老的浏览器支持可能失常。Amplify’为jQuery的ajax方法request扩张了部分万分的性状。 Sources.
  • History.js 杰出地帮助了HTML5History/State APIs
  • Socket.IO Web的socket编程。

JavaScript 工具

CoffeeScript 15

  • ★ {{mustaches}}
    小型的 JavaScript 模板引擎。
  • json:select(),
    CSS式的JSON选择器
  • HeadJS,
    异步JavaScript装载。其最大特征就是不单可以按顺序执行还是能并发装载载js。
  • JsDoc
    Toolkit
    是一款协理工具,你只供给基于预定在JavaScript
    代码中添加相应的诠释,它就能够依据那么些注释来源动生成API文书档案。
  • Responsive
    image
    ,
    一个实验性的门类,用来处理responsive
    layouts
     式的图纸。
  • UglifyJS是基于NodeJS的Javascript语法解析/压缩/格式化学工业具,它扶助别的CommonJS模块系统的Javascript平台。
  • Dhteumeuleu,
    交互式的 DOM 脚本和DHTML 的开源演示。
  • Backbone是三个前端
    JS 代码 MVC 框架,被著名的 三7signals
    用来创设他们的移动客户端。它不行代替 Jquery,不可代替现有的Template
    库。而是和那几个构成起来塑造复杂的 web
    前端交互使用。借使项目事关大气的 javascript
    代码,实现无数扑朔迷离的前端交互效能,首先你会想到把多少和出示分离。使用
    Jquery 的 selector 和 callback
    能够轻松实现那点。然而对于富客户端的WEB应用多量代码的结构化协会越发须求。Backbone
    就提供了 javascript 代码的团体的功能。Backbone 主要不外乎 models,
    collections, views 和 events, controller 。

客户端和模拟器

CoffeeScript 16

CSS3 和 字库

CoffeeScript 17

Website (FULL) 模板

CoffeeScript 18

  • ★ HTML5
    Boilerplate
     是一个HTML5 / CSS /
    js模板,是促成跨浏览器常常化、品质优化,稳定的可选作用如跨域Ajax和Flash的特级实践。
    项指标开发商称之为技巧集合,目标是知足你支付四个跨浏览器,并且面向以后的网址的要求。Sources.
  • HTML5 starter
    pack
     是二个干净的和有团体的目录结构,其可适合广大品种,还有壹对很常用的公文,以及简单的Photoshop设计模板。
  • ★ Initializr 是三个HTML5模板生成器,其得以帮你在壹5秒内创制1个HTML5的花色。
  • Animated Portfolio
    Gallery
     (教程
  • Slick MobileApp
    Website
     如若经过
    jQuery 和 CSS 制作一个有线电话采取的网址。
  • RSS
    Reader
     借使经过
    jQuery Mobile 创立2个冠道SS Reader
  • ★ Single Page
    Applications
     使用jQuery的对象们
    (Backbone, Underscore, …)创立单壹页面。
  • Google TV Optimized
    Templates
    ,
    守旧电视机已经起来和网路融合,但近年来产业依旧正在寻找之中,为此以后的网页亦会有组织上的变动。Google TV Optimized
    Templates
    是2个用HTML/JavaScript制成的开源软体,一如其名是一个对谷歌电视作出了最棒化的的网页范本,其特色是以遥控器作为操作的前提,令使用者无需输入任何文字就能够展成本配。今后除了会有专用遥控器外,还会利用智能手提式有线电话机透过W-iFi控制谷歌(Google)TV的艺术。Optimized
    Templates的界面中上手会展现分类,右方会显得该分类下的影片截图,影片播放、切换、全画面表示都可因而键盘上的方向键、Backspace或Enter等键实现,方便将来的网址开发人士借镜。HTML五版的模板使用了 Google TV UI
    library
    , jQuery 和
    Closure 。

(全文完)

转自:http://coolshell.cn/articles/4795.html