>

开源中最棒的Web开采的能源,开源中最棒的Web开

- 编辑:金沙国际平台登录 -

开源中最棒的Web开采的能源,开源中最棒的Web开

开源中最棒的Web开垦能源汇总

2011/06/08 · HTML5 · HTML5

初藳出处: b2bweb   译文出处:陈皓   

高卢雄鸡Web开垦人士 朱利安 Guézennec 收拾汇总的关于Web开采的能源和目录,由陈皓翻译。

学学HTML 5编制程序和陈设性

  • 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, 小编自个儿征集的局地代码片段

服务器端的软件

图片 1

  • 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高多了。花了6年的小运,终于走到了1.0版。
  • Apache HTTP Server 是一个相当红的并帮忙多个流行的操作系统的Web服务器。
  • PHP 只怕是最盛行的劳务器端的Web脚本动态管理语言。
  • 当然,还有 Ruby, Python, Erlang, Perl, Java, .NET, Android, C++, Go,Fantom,CoffeeScript, D, …

PHP 框架和工具

图片 2

  • WordPress 是一个根据博客系统的开源软件。
  • Drupal 是一个情节管理系统 (CMS).
  • Centurion 是二个新面世的开源 CMS ,三个灵然的 PHP5 Content Management Framework. 使用 Zend Framework, 其组件坚定不移通用,简单,清楚和可接收的计划性条件。
  • phpBB 二个开源的论坛(国内的Discuz!愈多卡塔尔国
  • ★ SimplePie : 超快的,易用的, RSS 和 Atom feed PHP解析。
  • ★ PHPthumb, PHP 图片管理库
  • ★ PHPMailer 强盛的全职能的PHP邮件库
  • PubSubHubbub情商,二个轻巧易行,开放, server-to-server 的 pubsub (publish/subscribe) 左券——Atom and 揽胜极光SS的扩大。

数据库

图片 3

  • Apache CouchDB 是贰个面向文书档案的数据库管理连串。它提供以JSON 作为数据格式的REST 接口来对其张开操作,并能够通过视图来调控文书档案的集体和显现。.源码.
  • MonoQL 是二个施用PHP+ExtJS开辟的MySQL数据库管理工科具。分界面极像三个桌面应用程序,辅助大部分常用的成效满含:表格设计,数据浏览/编辑,数据导入/导出和高档查询等。
  • MariaDB 是MySQL的三个分层,由MySQL 开创者Monty Widenius 所开拓。GPL,用来对抗Oracle全体的MySQL的license的不测。自Oracle收购SUN以来,整个社区对于MySQL前途的忧愁就未有止住过。
  • SQLite 不像见惯司空的客商端/服务器结构模范,SQLite引擎不是个程序与之通信的独自进度,而是连接收程序中形成它的三个要害部分。所以首要的通讯公约是在编程语言内的直白API调用。那在费用总数、延迟时间和总体轻松性上有积极的效果与利益。整个数据库(定义、表、索引和数据本人卡塔 尔(阿拉伯语:قطر‎都在宿主主机上囤积在一个单纯的文 件中。它的简约的规划是因而在起头一个业务的时候锁定任何数据文件而到位的。库达成了多数的SQL-92规范,包罗专门的学业,正是意味着原子性、意气风发致性、隔绝性 和持久性的(ACID卡塔 尔(英语:State of Qatar),触发器和大许多的复杂性查询。不实行项目检查。你能够把字符串插入到整数列中。有个别顾客发掘那是使数据库特别实用的立异,极其是与无 类型的脚本语言一同使用的时候。别的客商认为那是非同经常的弱点。
  • SQL 在线设计编辑器,那大器晚成节的非常图片正是这么些在线编辑器的样子了。三个画数据库图表的在线工具。很有力。

API 和 在线数据

图片 4

  • ProgrammableWeb, 最流行的Web Services 和 API 目录大全。
  • Google Data Protocol 黄金年代组谷歌(Google卡塔尔服务的数据服务API。
  • Yahoo! Developer Network – APIs 和 Tools
  • Yahoo! Pipes 可视化在线编制程序工具,它是叁个用来过滤、调换和聚众网页内容的劳务。
  • ★ The Yahoo! Query Language 三个很像 SQL的网页查询工具。

在线代码和媒体编辑器

图片 5

  • CodeRun Studio叁个基于JavaScript语言开拓的跨平台的集成开采遇到,它立足于云总计的兼顾思路,方便开垦者在浏览器端便能够轻易手拓、调节和测量试验和配备互联网应用程序。
  • Cloud9 IDE – 多个基于Node.JS创设的JavaScript程序开荒Web IDE。它富有贰个不胜快的文本编辑器帮助为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技术的在线图表绘制软件,功用强盛,速度迅猛,运维此软件要求支持html5的浏览器。
  • Balsamiq Mockups, 成品设计员绘制线框图或产物原型分界面包车型客车利器。
  • Color Scheme Designer 3 – 三个免费的线上调色工具
  • Pixlr, 是五个来源于Sverige基于Flash的无偿在线图片管理网址。除了操作介面和效应相像Photoshop,如故多语言版本,补助简体粤语。
  • Aviary, 是二个基于HTML5 的在线图片管理工科具,能够非常轻便的对图片进行前期管理。 Aviary API
  • Favicon Generator, 线上favicon(16×16)制作工具。

代码能源和版本调节

图片 6

  • GitHub 是一个用来接受Git版本调节种类的项指标基于网络的存取服务。
  • Git 是叁个由Linus为了更加好地管理linux内核开垦而创办的遍布式版本调节/软件配置管理软件。其巨快无比,高效,接受了布满式版本库的办法,不必服务器端软件扶植,使源代码的发布和交流特别方便。
  • Google Code 谷歌(Google卡塔 尔(英语:State of Qatar)集团合法的开荒者网址,包涵各类开垦才具的API、开荒工具、以致开辟技巧参谋资料。
  • Google Libraries API 谷歌将美好的 JavaScript 框架布署在其 CDN 上,在大家的网站上接收 GoogleLibraries API 可以加速 JavaScript 框架的加载速度。
  • Snipplr 叁个开花的源代码工夫分享社区,称得上Code 2.0。和日常的源码分享网址差别,它针对的而不是巨型网址源码,而是一些编制程序的代码本领。

JavaScript 桌面应用框架

图片 7

  • jQuery 是三个快捷、轻巧的JavaScript library, 它简化了HTML 文件的traversing,事件管理、动漫、Ajax 相互作用,进而便利了网页制作的全速前行。 源码, API, API浏览, 很正确的文书档案.
  • ★ 官方的 jQuery User Interface (UI) library (演示和文书档案). 源码,Themes Roller, Download.
  • YUI 2 — Yahoo! User Interface Library
  • Mootools, 三个一流级轻量级的 web2.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 函数。

JavaScript 活动和触摸框架

图片 8

  • 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。那样你无需因为只要求一个效应将在加载二个JS的框架。
  • PhoneGap :是风流罗曼蒂克款开源的手提式有线电话机使用开拓平台,它独有只用HTML和JavaScript语言就足以制作出能在多少个活动设备上运营的接收。 Sources.
  • Sencha Touch Sencha Touch 是二个援救各个智能手提式有线电话机平台(索爱, Android, 和iPhone卡塔 尔(阿拉伯语:قطر‎的 HTML5 框架。Sencha Touch能够让你的Web App看起来像Native App。美貌的客商分界面组件和增多的数额管理,全体依照最新的HTML5和CSS3的 WEB规范,全面包容Android和Apple iOS设备。
  • JQtouch, 是贰个jQuery 的插件,首要用来手提式有线电话机上的Webkit 浏览器上落实部分包罗动漫、列表导航、默许使用样式等种种不关痛痒UI效果的JavaScript 库。 Sources.
  • DHTMLX Touch 针对移动和触摸设备的JavaScript 框架。DHTMLX Touch基于HTML5,创建移动web应用。它不可是黄金时代组UI 小工具,而是七个完全的框架,可以针对移动和触摸设备创制跨平台的web应用。它非凡主流的web浏览器,用DHTMLX Touch创立的施用,能够在三星平板、iPhone、Android智能手提式有线电话机等方面运营流畅。

jQuery 插件

图片 9

  • Waypoints 是多少个jQuery 用来完成捕获各个滚动事件的插件,举例贯彻无翻页的剧情浏览,大概固定有个别成分不让滚动等等。扶植主流浏览器版本。
  • Lazy loader 插件能够完成图片的延期加载,当网页比较长的时候,会先只加载客商视窗内的图形,视窗外的图片会等到你拖动滚动条至前边才加载,那样有效的幸免了因图片过多而加载慢的缺陷。
  • TweenJS : 三个回顾和强硬的 tweening / animation 的Javascript库。
  • Easings 类Css3的jQuery 动漫插件
  • Spritely 那一个插件能够创制出如flash同样的动漫片效果,譬喻:在页面上有一只飞动的鸟类,叁个动态滚动的背景等。
  • File Upload, jQuery 文件上传插件4.4.1
  • Slideshow/Carousel 插件. Sources.
  • Supersized – 全屏式的背景/幻灯片插件
  • Masonry i意气风发款相当酷的电动制版插件,那款jQuery工具得以依赖网格来机关排列水平和垂直成分,超越原本的css. Sources.
  • jQuery 简单 Layout 演示,管理种种边栏式,可改换大小式的布局。
  • Flexigrid – jQuery 数据表插件
  • Isotope相对是三个令人匪夷所思的jQuery插件,你能够用它来创设动态和智能布局。你能够隐蔽和出示与过滤项目,重新排序和整合治理以至越多。
  • Super Gestures jQuery 插件能够达成骨髓炎势的功能。
  • MouseWheel 是由Brandon Aaron开发的jQuery插件,用于加多跨浏览器的鼠标滚轮帮衬。
  • AutoSuggest jQuery 插件能够令你增添一些自动完结的意义。
  • qTip 三个杰出的jQuery 的工具提醒插件,那些插件功用十分强盛。
  • jQuery Charts and graphic 用来构建图纸。
  • jQuery Tools– The missing UI library

其它 jQuery 资源

HTML5 录制播放器

图片 10

  • Popcorn.js 是叁个HTML5 Video框架,它提供了轻易使用的API来一块交互作用式内容,让操作HTML5 Video成分的性质,方法和事件变得轻松易用。 (来自Mozilla)
  • LeanBack Player HTML5视频播放器,未有凭仗任何JavaScript框架。援助全屏播放,音量调整,在同二个页面中播放几个摄像。 (来自Google)
  • Vid.ly 为你上传的录像提供调换职能,何况为转移后的摄像成立一个短式网球站。通过Vid.ly,让你的摄像能够在14种分化的浏览器和器具上播报,无需再去思索将在浏览摄像的人使用什么设备了,以制止各各软件巨头之间的功利之争带给了不合营,给客商带来了赫赫的忧愁,短式网球站让您能够由此推特、 照片墙等艺术有利分享录制。Vid.ly还足以经过html代码嵌入到此外网页中。Vid.ly免费帐户空间为1GB,无需付费帐户也不曾广播或浏 览节制。

JavaScript 旋律管理与可视化效果

图片 11

  • ★ 使用HTML5 和 Flash, SoundManager V2 只用单风姿罗曼蒂克API的提供了保证,简单和强有力的跨平台的旋律管理。
  • DSP, JavaScript的声音Digital Signal Processing
  • The Radiolab Hyper Audio Player v1, 带给你 WNYC Radiolab, SoundCloud 和 Mozilla Drumbeat
  • jPlayer, 贰个 jQuery HTML5 音频/ 录像库,成效齐全的API

JavaScript 图形 和 3D

图片 12

  • Processing.js是一个绽开的编制程序语言,在不使用Flash或Java小程序的前提下, 能够兑现程序图像、动漫和相互影响的利用。其利用Web规范,没有须求任何插件。
  • ★ Javascript 3D 引擎: ThreeJS 由 Mr Doob 开发,三个轻量级的 3D 引擎,无需领悟细节,傻蛋都能利用。这些引擎能够应用canvas、svg和 WebGL.
  • Shader Toy, 风流洒脱款利用WebGL的在线着色器编辑器(2D/3D). 基于在线的选择架构使您没有供给下载任何软件就可以伊始体验. Shader Toy包罗多量实用着色器, 诸如光线追踪, 场景间隔渲染, 球体, 隧道, 变形, 前期管理特效等.
  • PhiloGL, Sencha的PhiloGL是第4个WebGL开辟工具之风流倜傥,提供了高水准的功用,来营造WebGL应用。Sencha创立了多少个示范,来说述框架人机联作式3D虚构化的本领,举例3D view of global temperature changes。
  • WebGL Inspector 你就Firebug等Web调节和测量试验工具同样,那些是 WebGL的调和工具。
  • WebGL frameworks 由 Khronos Group 采摘的贰个WebGL框架列表。
  • EaselJS, 叁个行使html5的canvas的 JavaScript 库. Sources.
  • JavaScript Game Frameworks 免费的JS游戏框架列表。另,可参看 JS游戏框架列表。
  • Raphaël是几个Mini的JavaScript 库,用来简化在页面上显得向量图的劳作。你可以用它在页面上绘制种种图片、并拓宽图纸的分开、旋转等操作。参看Javascript向量图Lib–Raphaël
  • jQuery SVG 插件让您能够了 SVG canvas 进行交互作用。
  • Google chart tools – 参看本站的采纳谷歌(Google卡塔 尔(英语:State of Qatar)API做总括图
  • Arbor.js, 是二个利用webworkers和jQuery创造的多寡图形可视化JavaScript框架。它为图形协会和荧屏刷新拍卖提供了一个神速、力导向布局算法。

JavaScript 浏览器接口 (HTML5)

图片 13

  • Modernizr – 是三个专为HTML5 和CSS3 开荒的效果与利益检查测验类库,能够依靠浏览器对HTML5 和CSS3 的帮助程度提供进一层方便人民群众的前端优化方案.Sources. 三个管用的列表 cross-browser Polyfills
  • HTML5Shiv : 该项目标目标是为了让IE 能辨别HTML5 的因素。
  • Polyfills : 那么些连串募集了一些代码片段其用Javascript协理不一样的浏览器的非常效果,有个别代码须要Flash。
  • YepNopeJS : 一个异步的条件式的加载器。Sources.
  • jQuery CSS3 Finalise : 是还是不是恶感了为每八个浏览器的CSS3属性加前缀?
  • Amplify.js :风姿洒脱套用于web应用数据处理和应用程序通信的 jQuery 组件库。 提供轻巧易用的API接口。Amplify的靶子是因此为各样数据源提供一个集合的程序接口简化各样格式数据的数额管理。Amplify的囤积组件使用 localStorage 和 sessionStorage规范管理客户端的仓库储存信息,对部分老的浏览器帮忙恐怕有标题。Amplify’为jQuery的ajax方法request 扩张了有个别格外的特征。 Sources.
  • History.js 美丽地帮衬了HTML5 History/State APIs
  • Socket.IO Web的socket编程。

JavaScript 工具

图片 14

  • ★ {{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 框架,被盛名的 37signals 用来塑造他们的运动顾客端。它不行替代 Jquery,不可替代现成的Template 库。而是和那一个构成起来营造复杂的 web 前端交互作用使用。借使项目事关大气的 javascript 代码,达成无数复杂的前端人机联作效能,首先你会想到把多少和显示分离。使用 Jquery 的 selector 和 callback 可以轻易完结那点。可是对于富顾客端的WEB应用多量代码的结构化组织非常需求。Backbone 就提供了 javascript 代码的团组织的功用。Backbone 重要富含 models, collections, views 和 events, controller 。

客商端和模拟器

图片 15

  • BrowserShot, 检查浏览器的宽容性,跨浏览器平器的测量检验
  • Test everything… 输入四个你想要测量检验的U中华VL……
  • Android browser 模拟器
  • iPhone browser 模拟器
  • Opera browser 模拟器
  • FirebugFirefox 集成,能够查看和调节和测量检验你的Web页面。

CSS3 和 字库

图片 16

  • CSS3 Maker CCS3的生成器
  • 轻巧地开创 CSS3 animations。 Sencha Animator 是贰个桌面应用可感觉WebKit浏览器和触摸式移动道具成立 CSS3 animations 。
  • CSSwarp – CSS 文本扭曲生成器
  • Gradient Editor, 三个强有力的Photoshop式的CSS 渐变编写翻译器。来自 ColorZilla
  • Google Web Fonts 通过GoogleWeb Fonts API 能够浏览全部的字体
  • @font-face Kit Generator, 为Web转变字体
  • Typetester, 相比较字体。
  • Media Queries. 一组 responsive web 设计。
  • Pattern TAP, UI组件。

Website (FULL) 模板

图片 17

  • HTML5 Boilerplate 是一个HTML5/ CSS / js模板,是促成跨浏览器符合规律化、质量优化,稳固的可选功用如跨域Ajax和Flash的特等实施。 项目标开垦商称之为技艺集结,指标是满足你支付二个跨浏览器,并且面向未来的网址的急需。 Sources.
  • HTML5 starter pack 是四个干净的和有集体的目录结构,其可符合过多种类,还大概有一点点很常用的文本,以致简单的Photoshop设计模板。
  • Initializr 是一个HTML5 模板生成器,其得以帮您在15秒内成立三个HTML5的花色。
  • Animated Portfolio Gallery (教程)
  • Slick MobileApp Website 如若经过 jQuery 和 CSS 制作二个无线电话选拔的网址。
  • RSS Reader 假诺经过 jQuery Mobile 创立多个奥迪Q5SS 里德r
  • Single Page Applications 使用jQuery的意中大家 (Backbone, Underscore, …)成立单后生可畏页面。
  • Google TV Optimized Templates, 古板TV已经上三保太监网路融入,但当下行业照旧正在搜索之中,为此以后的网页亦会有协会上的更换。Google TV Optimized Templates是 多个用HTML/JavaScript制成的开源软体,一如其名是三个对Google电视作出了最棒化的的网页范本,其脾性是以遥控器作为操作的前提,令使用者无需输入任何文字就能够进行支配。现在除此之外会有专项使用遥控器外,还有恐怕会使用智能手提式有线电话机透过W-iFi调整谷歌(Google卡塔 尔(阿拉伯语:قطر‎ 电视机的方法。Optimized Templates的分界面中上手会展示分类,右方博览会示该分类下的电影截图,影片播放、切换、全画面表示都可经过键盘上的方向键、Backspace或 Enter等键完结,方便今后的网址开荒人士借镜。HTML5 版的模板使用了 Google TV UI library, jQuery 和 Closure 。

(全文完)

 

1 赞 5 收藏 评论

图片 18

小说来源:Best “must know” open sources to build the new Web。个人感到那几个访问贴搜集成非常的全。

读书HTML 5编制程序和规划

图片 19

  • ★ 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, 小编本人征集的某个代码片段

服务器端的软件

图片 20

  • ★ 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高多了。花了6年的日子,终于走到了1.0版。
  • Apache HTTP Server 是叁个很盛行的并扶助八个流行的操作系统的Web服务器。
  • ★ PHP 恐怕是最流行的劳动器端的Web脚本动态管理语言。
  • 当然,还有 RubyPythonErlangPerlJava.NETAndroidC++Go, Fantom,CoffeeScriptD, …

PHP 框架和工具

图片 21

  • ★ WordPress 是一个依据博客系统的开源软件。参看《WordPress是怎么赢的?》
  • Drupal 是二个剧情管理系统 (CMS).
  • Centurion 是三个新面世的开源 CMS ,多个灵然的 PHP5 Content Management Framework. 使用 Zend Framework, 其组件坚韧不拔通用,轻便,清楚和可接纳的两全原则。
  • phpBB 二个开源的论坛(本国的Discuz!更加的多卡塔 尔(阿拉伯语:قطر‎
  • ★ SimplePie : 超快的,易用的, RSS 和 Atom feed PHP解析。
  • ★ PHPthumb, PHP 图片管理库
  • ★ PHPMailer 强盛的全职能的PHP邮件库
  • PubSubHubbub商量,多少个简约,开放, server-to-server 的 pubsub (publish/subscribe) 合同——Atom and 路虎极光SS的扩张。
  • 越多的请参见 – 十八个你应当清楚PHP库 和 9个有力免费的PHP库

数据库

图片 22

  • ★ Apache CouchDB 是叁个面向文书档案的数据库管理系列。它提供以JSON 作为数据格式的REST 接口来对其举行操作,并能够经过视图来支配文书档案的协会和展现。.源码.
  • MonoQL 是三个用到PHP+ExtJS开辟的MySQL数据库管理工科具。分界面极像一个桌面应用程序,支持超过八分之四常用的职能包涵:表格设计,数据浏览/编辑,数据导入/导出和高端查询等。
  • MariaDB 是MySQL的三个分段,由MySQL 开创者Monty Widenius 所开垦。GPL,用来对抗Oracle全体的MySQL的license的意外。自Oracle收购SUN以来,整个社区对此MySQL前景的心焦就从不仅住过。
  • ★ SQLite 不像不以为奇的客商端/服务器结构楷模,SQLite引擎不是个程序与之通讯的独门进度,而是连选拔程序中成为它的二个第意气风发部分。所以首要的通讯左券是在编制程序语言内的一向API调用。这在花费总量、延迟时间和完整轻便性上有积极的法力。整个数据库(定义、表、索引和数据作者卡塔 尔(阿拉伯语:قطر‎都在宿主主机上囤积在三个单纯的文件中。它的简约的规划是经过在起来贰个事情的时候锁定任何数据文件而变成的。库完毕了绝大多数的SQL-92规范,包罗业务,便是意味着原子性、风度翩翩致性、隔开性和长久性的(ACID卡塔 尔(阿拉伯语:قطر‎,触发器和半数以上的繁杂查询。不进行项目检查。你能够把字符串插入到整数列中。有个别客商发掘这是使数据库尤其有效的更新,特别是与无类型的脚本语言一同行使的时候。其余客商感到那是生死攸关的症结。
  • SQL 在线设计编辑器,那大器晚成节的格外图片正是这么些在线编辑器的样子了。叁个画数据库图表的在线工具。很刚劲。

API 和 在线数据

图片 23

  • ProgrammableWeb, 最流行的Web Services 和 API 目录大全。
  • Google Data Protocol 生龙活虎组谷歌(Google卡塔尔服务的数据服务API。
  • Yahoo! Developer Network – APIs 和 Tools
  • Yahoo! Pipes 可视化在线编制程序工具,它是叁个用来过滤、转变和聚合网页内容的服务。
  • ★ The Yahoo! Query Language 叁个很像 SQL的网页查询工具。

在线代码和媒体编辑器

图片 24

  • ★ CodeRun Studio叁个基于JavaScript语言开垦的跨平台的购并开拓情形,它立足于云总结的设计思路,方便开荒者在浏览器端便能够轻放手拓、调节和测量检验和布局网络应用程序。(参看《Coderun.com 在线开拓IDE》)
  • Cloud9 IDE – 四个基于Node.JS创设的JavaScript程序支付Web IDE。它抱有多少个可怜快的公文编辑器协助为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技能的在线图表绘制软件,作用强盛,速度急迅,运转此软件须求扶持html5的浏览器。
  • Balsamiq Mockups, 付加物设计师绘制线框图或制品原型分界面的利器。
  • Color Scheme Designer 3 - 多少个无需付费的线上调色工具
  • ★ Pixlr, 是一个起点瑞典王国基于Flash的无需付费在线图片管理网址。除了操作介面和效率看似Photoshop,仍旧多语言版本,协助简体汉语。(以前酷壳介绍过)
  • Aviary, 是几个依据HTML5 的在线图片管理工科具,能够十分轻易的对图片举行后期管理。 Aviary API
  • Favicon Generator, 线上favicon(16×16)制作工具。

代码财富和版本调节

图片 25

  • ★ GitHub 是多个用于采纳Git版本调控种类的门类的依靠网络的存取服务。
  • Git 是一个由Linus为了更加好地管理linux内核开垦而创办的布满式版本调节/软件配置管理软件。其巨快无比,高效,接受了遍布式版本库的秘诀,不必服务器端软件援助,使源代码的昭示和交换特别方便。
  • Google Code 谷歌(Google卡塔尔公司官方的开垦者网址,包蕴各类开拓手艺的API、开拓工具、甚至开辟技艺参考资料。
  • Google Libraries API 谷歌(Google卡塔 尔(阿拉伯语:قطر‎将美好的 JavaScript 框架计划在其 CDN 上,在大家的网站上接受 GoogleLibraries API 能够加速 JavaScript 框架的加载速度。
  • Snipplr 三个盛开的源代码手艺分享社区,称得上Code 2.0。和平日的源码分享网址差异,它针没有错并不是大型网站源码,而是一些编制程序的代码技术。

JavaScript 桌面应用框架

图片 26

  • ★ jQuery 是八个神速、简单的JavaScript library, 它简化了HTML 文件的traversing,事件管理、动漫、Ajax 相互影响,进而有助于了网页制作的短平快进步。 源码, API, API浏览, 很科学的文书档案.
  • ★ 官方的 jQuery User Interface (UI) library (演示和文书档案). 源码,Themes Roller, Download.
  • YUI 2 — Yahoo! User Interface Library
  • Mootools, 一个最佳轻量级的 web2.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 函数。

JavaScript 移动和触摸框架

图片 27

  • ★ 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。那样你无需因为只供给一个意义将要加载贰个JS的框架。
  • ★ PhoneGap :是后生可畏款开源的无绳话机接纳开垦平台,它但是只用HTML和JavaScript语言就能够创建出能在八个运动器械上运转的选择。 Sources.
  • ★ Sencha Touch Sencha Touch 是二个支撑三种智能手提式有线电话机平台(华为, Android, 和OPPO卡塔尔国的 HTML5 框架。Sencha Touch能够让您的Web App看起来像Native App。美观的客户分界面组件和充裕的数据管理,全部基于最新的HTML5和CSS3的 WEB规范,周详宽容Android和Apple iOS设备。
  • JQtouch, 是八个jQuery 的插件,首要用以手提式有线话机上的Webkit 浏览器上完成部分满含动漫、列表导航、默许使用样式等种种何奇之有UI效果的JavaScript 库。 Sources.
  • DHTMLX Touch 针对移动和触摸设备的JavaScript 框架。DHTMLX Touch基于HTML5,创制移动web应用。它不只是生龙活虎组UI 小工具,而是三个完好无损的框架,能够针对移动和触摸设备创设跨平台的web应用。它优良主流的web浏览器,用DHTMLX Touch创立的使用,能够在华为平板、诺基亚、Android智能机等地方运行流畅。

jQuery 插件

图片 28

  • Waypoints 是八个jQuery 用来落实捕获各类滚动事件的插件,举例落到实处无翻页的从头到尾的经过浏览,可能固定有些成分不让滚动等等。援救主流浏览器版本。
  • Lazy loader 插件可以兑现图片的推移加载,当网页相比较长的时候,会先只加载客户视窗内的图形,视窗外的图片会等到您拖动滚动条至前面才加载,那样有效的防止了因图片过多而加载慢的害处。
  • TweenJS : 三个简洁明了和有力的 tweening / animation 的Javascript库。
  • Easings 类Css3的jQuery 动漫插件
  • Spritely 那么些插件能够创造出如flash同样的卡通效果,比方:在页面上有一只飞动的鸟儿,四个动态滚动的背景等。
  • File Upload, jQuery 文件上传插件4.4.1
  • Slideshow/Carousel 插件. Sources.
  • Supersized – 全屏式的背景/幻灯片插件
  • Masonry i生龙活虎款太帅的全自动制版插件,那款jQuery工具得以借助网格来机关排列水平和垂直成分,抢先原本的css. Sources.
  • jQuery 简单 Layout 演示,管理各样边栏式,可变越来越大小式的布局。
  • Flexigrid – jQuery 数据表插件
  • Isotope纯属是叁个让人疑忌的jQuery插件,你能够用它来创立动态和智能布局。你可以隐瞒和展示与过滤项目,重新排序和收拾以至更加多。
  • Super Gestures jQuery 插件可以达成坐骨神经痛势的效劳。
  • MouseWheel 是由Brandon亚伦开荒的jQuery插件,用于增多跨浏览器的鼠标滚轮帮衬。
  • AutoSuggest jQuery 插件能够令你加多一些机关实现的机能。
  • qTip 多个大好的jQuery 的工具提示插件,这几个插件功用格外苍劲。
  • jQuery Charts and graphic 用来创设图纸。
  • jQuery Tools– The missing UI library

其它 jQuery 资源

  • http://www.smashingmagazine.com/2011/04/07/useful-javascript-and-jquery-tools-libraries-plugins
  • http://webdesigneraid.com/weekly-html5-news-and-inspirations-%E2%80%93-tutorials-tools-resources-and-freebies-v-2/
  • http://www.designer-daily.com/15-useful-jquery-plugins-and-tutorials-5207
  • http://www.julien-verkest.fr/22/11/2007/240-plugins-jquery
  • http://www.hotscripts.com/blog/10-great-html5-experiments-apps/
  • http://www.noupe.com/jquery/excellent-jquery-navigation-menu-tutorials.html
  • http://www.noupe.com/php/20-useful-php-jquery-tutorials.html
  • http://aext.net/2010/04/excellent-jquery-plugins-resources-for-data-presentation-and-grid-layout/
  • http://webdesigneraid.com/html5-canvas-graphing-solutions-every-web-developers-must-know/
  • http://gestureworks.com/features/open-source-gestures/
  • http://edtechdev.wordpress.com/2011/01/14/some-exciting-new-html5javascript-projects/
  • http://net.tutsplus.com/articles/web-roundups/30-developers-you-must-subscribe-to-as-a-javascript-junkie/

HTML5 录制播放器

图片 29

  • ★ Popcorn.js 是叁个HTML5 Video框架,它提供了便于使用的API来一齐交互作用式内容,让操作HTML5 Video成分的属性,方法和事件变得简单易用。 (来自Mozilla)
  • LeanBack Player HTML5录像播放器,未有依赖任何JavaScript框架。援助全屏播放,音量调节,在同多少个页面中播放多少个录制。 (来自谷歌(Google卡塔 尔(阿拉伯语:قطر‎)
  • Vid.ly 为你上传的摄像提供调换职能,而且为转移后的录像成立一个短式网球站。通过Vid.ly,让您的录像能够在14种区别的浏览器和设备上播报,无需再去思虑就要浏览摄像的人使用什么设备了,以制止各各软件巨头之间的补益之争带给了不一致盟,给顾客带给了宏伟的麻烦,短式网球址让您能够由此推特、推特(TWTR.US)等方法有利分享录像。Vid.ly还是可以通过html代码嵌入到其余网页中。Vid.ly无偿帐户空间为1GB,无偿帐户也从不广播或浏览节制。

JavaScript 音频管理与可视化效果

图片 30

  • ★ 使用HTML5 和 Flash, SoundManager V2 只用单大器晚成API的提供了保证,轻松和刚劲的跨平台的旋律管理。
  • DSP, JavaScript的声音Digital Signal Processing
  • The Radiolab Hyper Audio Player v1, 带给你 WNYC Radiolab, SoundCloud 和 Mozilla Drumbeat
  • jPlayer, 三个jQuery HTML5 音频/ 录制库,效能齐全的API

JavaScript 图形 和 3D

图片 31

  • ★ Processing.js是叁个盛开的编制程序语言,在不采纳Flash或Java小程序的前提下, 能够落成程序图像、动画和相互的使用。其应用Web标准,没有须求任何插件。
  • ★ Javascript 3D 引擎: ThreeJS 由 Mr Doob 开拓,二个轻量级的 3D 引擎,没有必要明白细节,蠢蛋都能使用。那些引擎能够使用<canvas>, <svg> 和 WebGL.
  • Shader Toy, 大器晚成款利用WebGL的在线着色器编辑器(2D/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, 三个使用html5的canvas的 JavaScript 库. Sources.
  • JavaScript Game Frameworks 无偿的JS游戏框架列表。另,可参照 JS游戏框架列表。
  • Raphaël是三个Mini的JavaScript 库,用来简化在页面上海展览中心示向量图的劳作。你能够用它在页面上绘制种种图片、并进行图片的分开、旋转等操作。参看Javascript向量图Lib–Raphaël
  • jQuery SVG 插件让你能够了 SVG canvas 举行相互作用。
  • Google chart tools – 参看本站的使用GoogleAPI做计算图
  • Arbor.js, 是五个行使webworkers和jQuery创立的数额图形可视化JavaScript框架。它为图形组织和显示器刷新拍卖提供了一个高效、力导向布局算法。

JavaScript 浏览器接口 (HTML5)

图片 32

  • ★ Modernizr – 是三个专为HTML5 和CSS3 开拓的意义检查评定类库,能够依据浏览器对HTML5 和CSS3 的支撑程度提供更为便捷的前端优化方案.Sources. 一个卓有功用的列表 cross-browser Polyfills
  • HTML5Shiv : 该品种的目标是为了让IE 能辨识HTML5 的因素。
  • Polyfills : 那几个种类募集了一部分代码片段其用Javascript辅助分歧的浏览器的专门意义,有个别代码须求Flash。
  • YepNopeJS : 八个异步的条件式的加载器。Sources.
  • jQuery CSS3 Finalise : 是不是厌烦了为每多少个浏览器的CSS3属性加前缀?
  • ★ Amplify.js :风华正茂套用于web应用数据处理和应用程序通信的 jQuery 组件库。提供轻松易用的API接口。Amplify的对象是因此为各个数据源提供七个合併的程序接口简化各类格式数据的数目管理。Amplify的积累组件使用localStorage 和 sessionStorage规范管理客商端的积攒音讯,对后生可畏都部队分老的浏览器帮助或者非常。Amplify’为jQuery的ajax方法request增添了部分十二分的表征。 Sources.
  • History.js 精粹地扶助了HTML5 History/State APIs
  • Socket.IO Web的socket编程。

JavaScript 工具

图片 33

  • ★ {{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 框架,被盛名的 37signals 用来构建他们的移位顾客端。它不行代替 Jquery,不可代替现存的Template 库。而是和那些构成起来营造复杂的 web 前端人机联作使用。若是项目事关大气的 javascript 代码,达成无数犬牙相制的前端交互作用功用,首先你会想到把多少和出示分离。使用 Jquery 的 selector 和 callback 能够轻易完结那一点。不过对于富顾客端的WEB应用大批量代码的结构化协会特别供给。Backbone 就提供了 javascript 代码的团伙的功能。Backbone 主要包含 models, collections, views 和 events, controller 。

客商端和模拟器

图片 34

  • BrowserShot, 检查浏览器的包容性,跨浏览器平器的测量试验
  • Test everything… 输入三个你想要测验的U奇骏L……
  • Android browser 模拟器
  • iPhone browser 模拟器
  • Opera browser 模拟器
  • ★ Firebug 与 Firefox 集成,可以查阅和调治你的Web页面。

CSS3 和 字库

图片 35

  • ★ CSS3 Maker CCS3的生成器
  • 轻便地开创 CSS3 animations。 Sencha Animator 是一个桌面应用可认为Web基特浏览器和触摸式移动设备创立 CSS3 animations 。
  • CSSwarp – CSS 文本扭曲生成器
  • Gradient Editor, 二个精锐的Photoshop式的CSS 渐变编写翻译器。来自 ColorZilla
  • ★ Google Web Fonts 通过谷歌(Google卡塔 尔(英语:State of Qatar) Web Fonts API 能够浏览全部的字体
  • @font-face Kit Generator, 为Web转换字体
  • Typetester, 比较字体。
  • Media Queries. 一组 responsive web 设计。
  • Pattern TAP, UI组件。

Website (FULL) 模板

图片 36

  • ★ HTML5 Boilerplate 是一个HTML5 / CSS / js模板,是落到实处跨浏览器平常化、质量优化,稳固的可选效用如跨域Ajax和Flash的一流实施。 项指标开采商称之为本领会集,目标是知足你支付一个跨浏览器,而且面向现在的网址的急需。Sources.
  • HTML5 starter pack 是一个到底的和有集体的目录结构,其可相符过多种类,还也可能有风度翩翩部分很常用的文书,以致轻易的Photoshop设计模板。
  • ★ Initializr 是八个HTML5 模板生成器,其能够帮您在15秒内创建二个HTML5的连串。
  • Animated Portfolio Gallery (教程)
  • Slick MobileApp Website 如若通过 jQuery 和 CSS 制作四个部手提式有线电话机应用的网址。
  • RSS Reader 假若通过 jQuery Mobile 成立贰个LX570SS Reader
  • ★ Single Page Applications 使用jQuery的敌人们 (Backbone, Underscore, …)创设单生机勃勃页面。
  • Google TV Optimized Templates, 守旧TV已经起来和网路融入,但眼前行业依旧正在寻找之中,为此现在的网页亦会有协会上的更正。Google TV Optimized Templates是三个用HTML/JavaScript制作而成的开源软体,一如其名是贰个对谷歌(Google卡塔尔国TV作出了最棒化的的网页范本,其特色是以遥控器作为操作的前提,令使用者无需输入任何文字就可以展开销配。将来除了这么些之外会有专项使用遥控器外,还有大概会利用智能手提式有线话机透过W-iFi调节Google电视机的措施。Optimized Templates的分界面中上手会显示分类,右方会显得该分类下的影视截图,影片播放、切换、全画面表示都可由此键盘上的方向键、Backspace或Enter等键完毕,方便以后的网址开拓职员借镜。HTML5 版的模板使用了 Google TV UI library, jQuery 和 Closure 。

(全文完)

转自:

本文由首页发布,转载请注明来源:开源中最棒的Web开采的能源,开源中最棒的Web开