CoffeeScript开源Web开发财富

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

HTML伍 录制播放器

CoffeeScript 1

  • ★ Popcorn.js 是3个HTML伍Video框架,它提供了便于使用的API来3只交互式内容,让操作HTML5Video成分的品质,方法和事件变得不难易用。 (来自Mozilla)
  • LeanBack
    Player
     HTML五录像播放器,未有注重任何JavaScript框架。协助全屏播放,音量控制,在同一个页面中播放多个录制。
    (来自谷歌)
  • Vid.ly 为您上传的录制提供转换职能,并且为转移后的录制创造2个短式网球站。通过Vid.ly,让您的录制能够在14种分歧的浏览器和装置上播报,不必要再去思索将要浏览录像的人选择什么设备了,以幸免各各软件巨头之间的利益之争带来了不相称,给用户带来了惊天动地的麻烦,短式网球站让你能够透过推特(Twitter)、推文(Tweet)等办法方便分享录像。Vid.ly还足以由此html代码嵌入到其余网页中。Vid.ly免费帐户空间为一GB,免费帐户也绝非广播或浏览限制。

API 和 在线数据

CoffeeScript 2

劳动器端的软件

CoffeeScript 3

  • ★ Node.js 是劳动器端的 JavaScript
    环境,其使用了异步事件驱动情势。其让Node.js在诸多互连网采取系统布局下获得丰富不错的脾气。 源码 和 实时演示
  • PhantomJS 也是多少个服务器端的
    JavaScript API的Web基特。其帮忙各类Web标准: DOM 处理, CSS 选用器,
    JSON, Canvas, 和 SVG
  • Lighttpd 三个轻量级的开源Web服务器。音信,文书档案,benchmarks,
    bugs, 和 download. Lighttpd 支撑了多少个要命盛名的 Web 2.0
    网址,如:YouTube, wikipedia 和 meebo.
  • NGinx,
    质量巨高无比的轻量级的Web服务器。比Apache高多了。花了陆年的时日,终于走到了1.0版。
  • Apache HTTP
    Server
     是多少个很盛行的并支持八个流行的操作系统的Web服务器。
  • ★ PHP 恐怕是最风靡的劳务器端的Web脚本动态处理语言。
  • 当然,还有 RubyPythonErlangPerlJava.NETAndroidC++Go,Fantom,CoffeeScriptD,

JavaScript 浏览器接口 (HTML伍)

CoffeeScript 4

  • ★ Modernizr – 是五个专为HTML5和CSS3 开发的法力检查实验类库,可以依据浏览器对HTML5 和CSS叁的援助程度提供尤其方便人民群众的前端优化方案.Sources.
    一个可行的列表 cross-browser
    Polyfills
  • HTML5Shiv :
    该类型的指标是为着让IE 能辨识HTML伍 的元素。
  • Polyfills :
    那么些类型收集了一部分代码片段其用Javascript支持差异的浏览器的专门意义,有个别代码要求Flash。
  • YepNopeJS :
    一个异步的条件式的加载器。Sources.
  • jQuery CSS3
    Finalise
     :
    是或不是厌倦了为每二个浏览器的CSS三属性加前缀?
  • ★ Amplify.js :1套用于web应用数据管理和应用程序通信的 jQuery
    组件库
    。提供不难易用的API接口。Amplify的靶子是经过为各个数据源提供贰个联结的程序接口简化种种格式数据的多寡处理。Amplify的存款和储蓄组件使用localStorage

    sessionStorage标准处理客户端的蕴藏音讯,对有些老的浏览器帮助只怕不日常。Amplify’为jQuery的ajax方法request扩展了一部分附加的本性。 Sources.
  • History.js 非凡地支撑了HTML5History/State APIs
  • Socket.IO Web的socket编程。

JavaScript 音频处理与可视化效果

CoffeeScript 5

  • ★ 使用HTML5 和 Flash, SoundManager
    V2
     只用单一API的提供了保证,不难和有力的跨平台的旋律处理。
  • DSP,
    JavaScript的声音Digital Signal Processing
  • The Radiolab Hyper Audio
    Player
     v1, 带给你 WNYC Radiolab,
    SoundCloud 和 Mozilla Drumbeat
  • jPlayer, 2个 jQuery HTML5 音频/
    录像库,效用齐全的API

JavaScript 图形 和 3D

CoffeeScript 6

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

PHP 框架和工具

CoffeeScript 7

  • ★ WordPress 是贰个基于博客系统的开源软件。参看《WordPress是怎么赢的?
  • Drupal 是一个剧情管理系统 (CMS).
  • Centurion 是一个新面世的开源
    CMS ,3个灵然的 PHP伍 Content Management Framework. 使用 Zend
    Framework, 其组件坚韧不拔通用,简单,清楚和可选取的安顿性规范。
  • phpBB 三个开源的论坛(国内的Discuz!愈多)
  • ★ SimplePie : 超快的,易用的,  RSS  和
    Atom feed PHP解析。
  • ★ PHPthumb, PHP 图片处理库
  • ★ PHPMailer 强大的专职能的PHP邮件库
  • PubSubHubbub商量,1个简练,开放,
    server-to-server 的 pubsub (publish/subscribe) 协议——Atom and
    TucsonSS的恢弘。
  • 越来越多的请参见
    – 二十个你应有领会PHP库 和 7个有力免费的PHP库

客户端和模拟器

CoffeeScript 8

其它 jQuery 资源

代码财富和版本控制

CoffeeScript 9

  • ★ GitHub 是1个用以选取Git版本控制体系的品类的基于网络的存取服务。
  • Git 是2个由Linus为了越来越好地管理linux内核开发而创立的分布式版本控制/软件配置管理软件。其巨快无比,高效,采纳了分布式版本库的形式,不必服务器端软件补助,使源代码的发表和沟通极其方便。
  • Google
    Code
     谷歌公司官方的开发者网址,蕴含各个开发技术的API、开发工具、以及开发技术参考资料。
  • Google Libraries
    API
     谷歌(Google)将非凡的 JavaScript 框架布署在其 CDN 上,在大家的网址上使用 谷歌Libraries API 能够加速 JavaScript 框架的加载速度。
  • Snipplr 1个绽放的源代码技巧分享社区,号称Code
    二.0。和一般的源码分享网址差别,它针对的并不是大型网址源码,而是1些编制程序的代码技巧。

数据库

CoffeeScript 10

  • ★ 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),触发器和多数的复杂查询。不进行项目检查。你能够把字符串插入到整数列中。有个别用户发现那是使数据库尤其实用的换代,尤其是与无类型的脚本语言一起使用的时候。其余用户认为那是重大的弱点。
  • SQL
    在线设计编辑器
    ,那一节的不胜图片便是其①在线编辑器的楷模了。3个画数据库图表的在线工具。很有力。

JavaScript 桌面应用框架

CoffeeScript 11

  • ★ jQuery 是二个不慢、简单的JavaScript
    library, 它简化了HTML 文件的traversing,事件处理、动画、Ajax
    互动,从而方便了网页制作的便捷上扬。  源码APIAPI浏览很不错的文书档案.
  • ★ 官方的 jQuery User Interface (UI)
    library
     (演示和文书档案). 源码,Themes
    Roller
    Download.
  • YUI 2 — Yahoo! User
    Interface Library
  • Mootools, 2个一级轻量级的 web二.0
    JavaScript framework
  • Prototype 提供面向对象的Javascript和AJAX
  • Dojo The Dojo
    Toolkit,一个强硬的一筹莫展被打败的面向对象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, 一个开源的JavaScript
    库,它尝试在JavaScript 中落到实处PHP
    函数。在你的档次中程导弹入PHP.JS 库,能够在静态页面使用你喜爱的PHP
    函数。

CSS3 和 字库

CoffeeScript 12

jQuery 插件

CoffeeScript 13

  • Waypoints 是1个jQuery
    用来兑现捕获各个滚动事件的插件,例如落到实处无翻页的剧情浏览,恐怕固定某些成分不让滚动等等。支持主流浏览器版本。
  • Lazy
    loader
     
    插件能够兑现图片的延期加载,当网页相比较长的时候,会先只加载用户视窗内的图纸,视窗外的图片会等到您拖动滚动条至前面才加载,那样有效的防止了因图片过多而加载慢的弊端。
  • TweenJS :
    3个不难和强大的 tweening / animation 的Javascript库。
  • Easings 类Css三的jQuery 动画插件
  • Spritely 那个插件能够成立出如flash壹样的动画效果,比如:在页面上有二只飞动的小鸟,一个动态滚动的背景等。
  • File
    Upload
    jQuery
    文件上传插件肆.4.一
  • Slideshow/Carousel 插件. Sources.
  • Supersized –
    全屏式的背景/幻灯片插件
  • Masonry i一款尤其酷的自发性排版插件,那款jQuery工具得以根据网格来机关排列水平和垂直成分,当先原来的css. Sources.
  • jQuery
    简单 Layout 演示,管理种种边栏式,可改变大小式的布局。
  • Flexigrid –
    jQuery 数据表插件
  • Isotope相对是三个令人狐疑的jQuery插件,你可以用它来创立动态和智能布局。你能够隐藏和出示与过滤项目,重新排序和整治甚至越多。
  • Super
    Gestures
     jQuery
    插件能够达成骨关节炎势的服从。
  • MouseWheel 是由Brandon
    Aaron开发的jQuery插件,用于添加跨浏览器的鼠标滚轮支持。
  • AutoSuggest jQuery
    插件能够让您添加1些自行完结的法力。
  • qTip 3个绝妙的jQuery 的工具提示插件,那么些插件效用13分强劲。
  • jQuery Charts and
    graphic
     用来创造图纸。
  • jQuery Tools– The missing UI
    library

在线代码和媒体编辑器

CoffeeScript 14

  • ★ CodeRun
    Studio
    三个基于JavaScript语言开发的跨平台的融会开发环境,它立足于云计算的设计思路,方便开发者在浏览器端便得以轻松手发、调节和测试和布署网络应用程序。(参看《Coderun.com
    在线开发IDE
    》)
  • Cloud9 IDE –
    二个依据Node.JS创设的JavaScript程序开发Web
    IDE。它具备3个丰裕快的公文编辑器支持为JS, HTML,
    CSS和那三种的混杂代码举行着色展现。
  • ★ jsFiddle –
    Javascript的在线运维浮现框架,这一个工具得以使得的扶植web前端开发人士来有效分享和演示前端效果,其大约而强大
    (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML,
    CSS)
  • Akshell一种云服务,它接纳服务端的JavaScript和在线的IDE扶助开发者举行快速应用程序开发。
    它还提供云托管,所以安顿是即时的。
  • JSONeditor,
    三个好用的JSON 编辑器
  • ★ TinyMCE 1个轻量级的遵照浏览器的所见即所得编辑器,帮衬近来风行的各个浏览器,由JavaScript写成。
  • Ext
    Designer
     是三个桌面应用工具,帮忙您火速支付基于ExtJS
    的用户界面。

  •  LucidChart,1款基于最新的html五技能的在线图表绘制软件,作用强大,速度快捷,运行此软件要求支持html5的浏览器。
  • Balsamiq Mockups,
    产品设计师绘制线框图或产品原型界面包车型客车利器。
  • Color Scheme Designer 三- 二个免费的线上调色工具
  • ★ Pixlr,
    是八个来源于瑞典王国基于Flash的免费在线图片处理网址。除了操作介面和功力周边Photoshop,依旧多语言版本,帮助简体中文。(在此以前酷壳介绍过
  • Aviary, 是贰个依据HTML5的在线图片处理工科具,能够很简单的对图纸展开中期处理。 Aviary
    API
  • Favicon
    Generator
    线上favicon(1陆×16)制作工具。

JavaScript 工具

CoffeeScript 15

  • ★  {{mustaches}} 小型的
    JavaScript 模板引擎。
  • json:select(), CSS式的JSON选择器
  • HeadJS,
    异步JavaScript装载。其最大特色就是不单可以按顺序执行还足以并发装载载js。
  • JsDoc
    Toolkit
    是一款帮助工具,你只需求根据预订在JavaScript
    代码中添加相应的笺注,它就能够依据这个注释来源动生成API文档。
  • Responsive
    image
    ,
    2个实验性的品类,用来拍卖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 。

Website (FULL) 模板

CoffeeScript 16

  • ★ HTML5
    Boilerplate
     是一个HTML5 /
    CSS /
    js模板,是完成跨浏览器不奇怪化、品质优化,稳定的可选功能如跨域Ajax和Flash的极品实践。
    项目标开发商称之为技巧集合,目标是满意你支付三个跨浏览器,并且面向未来的网址的须求。 Sources.
  • HTML5 starter
    pack
     是七个完完全全的和有组织的目录结构,其可适合过多体系,还有一些很常用的文本,以及不难的Photoshop设计模板。
  • ★ Initializr 是多少个HTML伍模板生成器,其可以帮您在一5秒内创设贰个HTML5的项目。
  • Animated Portfolio
    Gallery
     (教程
  • Slick MobileApp
    Website
     倘若由此jQuery 和 CSS 制作贰个手提式有线电话机使用的网站。
  • RSS
    Reader
     如果由此jQuery Mobile 创造叁个奥迪Q3SS 里德r
  • ★ Single Page
    Applications
     使用jQuery的朋友们
    (Backbone, Underscore, …)创制单1页面。
  • Google TV Optimized
    Templates
    ,
    古板TV已经起来和网路融合,但日前产业还是正在搜索之中,为此以往的网页亦会有组织上的更改。Google
    TV Optimized
    Templates
    是一个用HTML/JavaScript制成的开源软体,一如其名是一个对谷歌TV作出了最好化的的网页范本,其特征是以遥控器作为操作的前提,令使用者无需输入任何文字就能够展费用配。今后除了会有专用遥控器外,还会动用智能机透过W-iFi控制谷歌(Google)电视的诀要。Optimized
    Templates的界面中上手会显示分类,右方会显得该分类下的影片截图,影片播放、切换、全画面表示都可透过键盘上的方向键、Backspace或Enter等键达成,方便未来的网站开发人士借镜。HTML5版的模版使用了 Google TV UI
    library
    , jQuery  和 Closure 。

学习HTML 5编制程序和筹划

CoffeeScript 17

  • ★ HTML5 Rocks : Major Feature
    Groups  的学习 HTML5 的资源 (HTML5 演示, 教程
    ). 源码
  • 很科学的 HTML5
    Dashboard
     –
    Mozilla,效果很炫。
  • WhatWG Developers, 三个知道的
    HTML5 技术条件表明书。
  • ★ StackOverflow :
    家谕户晓的技能问答式论坛。
  • ★ Addyosmani, jQuery 和
    JavaScript 作品教程
  • Sohtanaka,
    jQuery 和 JavaScript 文章和课程
  • ★ Nettuts+ 是三个面对Web开发人士和安顿性职员的网址,提供各个技术教程和小说,覆盖
    HTML, CSS, Javascript, CMS’s, PHP 和 Ruby on Rails.
  • Codrops, 教程和 web 资源
  • WebAppers, 最好的开源财富
  • Tutorialzine – PHP MySQL jQuery CSS
    教程, 能源和礼物
  • Mozilla JavaScript
    guide
  • codes
    snippets
    ,
    笔者本身征集的一对代码片段

JavaScript 移动和触摸框架

CoffeeScript 18

  • ★ jQuery Mobile : 是 jQuery
    在四弟大上和机械设备上的版本。jQuery Mobile
    不仅会给主流移动平台带来jQuery主题库,而且会公布贰个完完全全统1的jQuery移动UI框架。辅助全世界主流的移位平台。jQuery
    Mobile开发团队说:能支付那么些项目,大家十分欢畅。移动Web太急需一个跨浏览器的框架,让开发职员开发出真正的活动Web网址。大家将尽全力去满意如此的须要。 Sources.
  • Zepto.js Zepto.js
    是接济移动WebKit浏览器的JavaScript框架,具有与jQuery兼容的语法。二-伍k的库,通过科学的API处理绝超越二分一的焦点工作。 Sources.
  • MicroJS :
    Microjs网址应用列出了累累轻量的Javascript类库和框架,它们都不大,超越6/10稍低于5kb。这样您不必要因为只须求贰个功用就要加载一个JS的框架。
  • ★ PhoneGap :是一款开源的无绳电话机采取开发平台,它独自只用HTML和JavaScript语言就能够成立出能在多少个运动装备上运转的应用。 Sources.
  • ★ Sencha Touch Sencha
    Touch 是三个支撑各样智能手提式有线电话机平台(Nokia, Android, 和OPPO)的
    HTML伍 框架。Sencha Touch能够让你的Web App看起来像Native
    App。雅观的用户界面组件和增进的多寡管理,全体依据最新的HTML伍和CSS3的
    WEB标准,周全包容Android和Apple iOS设备。
  • JQtouch, 是3个jQuery
    的插件,首要用来手提式有线电话机上的Webkit
    浏览器上落实部分囊括动画、列表导航、默许使用样式等各类常见UI效果的JavaScript
    库。 Sources.
  • DHTMLX
    Touch
     针对移动和触摸设备的JavaScript
    框架。DHTMLX Touch基于HTML伍,成立移动web应用。它不光是一组UI
    小工具,而是四个完完全全的框架,能够针对移动和触摸设备创立跨平台的web应用。它非常主流的web浏览器,用DHTMLX
    Touch创造的施用,能够在GALAXY Tab、三星、Android智能手提式有线话机等地点运转流畅。