个人感觉这个收集贴收集成相当的全,   译文

2019-11-04 01:27栏目:前端开发
TAG:

开源中最佳的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的WebKit。其扶持各类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 宝马7系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卡塔尔国,触发器和大多的错综相连查询。不进行项目检查。你能够把字符串插入到整数列中。有个别客商发掘那是使数据库越发管用的更新,极度是与无 类型的脚本语言一同利用的时候。其余客户以为那是首要的瑕疵。
  • 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 Google将精彩的 JavaScript 框架安顿在其 CDN 上,在我们的网址上应用 谷歌Libraries 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, 和三星(Samsung卡塔 尔(英语:State of Qatar)卡塔 尔(英语:State of Qatar)的 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创立的选拔,可以在平板电脑、BlackBerry、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种差异的浏览器和器材上海人民广播广播台播,没有须要再去寻思就要浏览摄像的人使用什么设备了,以幸免各各软件巨头之间的利润之争带给了差别盟,给客商带给了赫赫的干扰,短式网球站令你能够通过照片墙、 Twitter等艺术方便分享录制。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是第二个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)

图片 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… 输入三个您想要测量试验的UEvoqueL……
  • 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 通过谷歌Web 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 成立三个XC90SS Reader
  • Single Page Applications 使用jQuery的对象们 (Backbone, Underscore, …)成立单意气风发页面。
  • Google TV Optimized Templates, 守旧电视机已经初步和网路融入,但日前行业照旧正在搜寻之中,为此以往的网页亦会有结构上的变动。Google TV Optimized Templates是 三个用HTML/JavaScript制作而成的开源软体,一如其名是一个对GoogleTV作出了最好化的的网页范本,其特征是以遥控器作为操作的前提,令使用者无需输入任何文字就能够展花费配。以往除了会有专项使用遥控器外,还有恐怕会动用智能手提式有线话机透过W-iFi调整谷歌 TV的主意。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的WebKit。其扶持各类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 LacrosseSS的扩张。
  • 更加多的请参照他事他说加以考察 – 十多个你应当明白PHP库 和 9个有力无需付费的PHP库

数据库

图片 22

  • ★ Apache CouchDB 是一个面向文书档案的数据库处理种类。它提供以JSON 作为数据格式的REST 接口来对其打开操作,并得以因而视图来决定文书档案的团组织和显示。.源码.
  • MonoQL 是多少个运用PHP+ExtJS开辟的MySQL数据库管理工科具。分界面极像二个桌面应用程序,扶助超越58%常用的功能满含:表格设计,数据浏览/编辑,数据导入/导出和高端查询等。
  • MariaDB 是MySQL的三个分支,由MySQL 创办者Monty Widenius 所开拓。GPL,用来对抗Oracle全体的MySQL的license的竟然。自Oracle收购SUN以来,整个社区对此MySQL前程的忧愁就从不终止过。
  • ★ SQLite 不像多管闲事的顾客端/服务器结构轨范,SQLite引擎不是个程序与之通讯的单独进度,而是连采取程序中成为它的四个根本部分。所以首要的通讯左券是在编程语言内的直白API调用。那在成本总数、延迟时间和完整简单性上有积极的职能。整个数据库(定义、表、索引和数目作者卡塔尔国都在宿主主机上囤积在二个纯粹的公文中。它的简易的布署性是由此在在那从前叁个事情的时候锁定任何数据文件而做到的。库完毕了绝大好多的SQL-92规范,包罗职业,便是表示原子性、黄金年代致性、隔断性和持久性的(ACID卡塔尔,触发器和超过51%的纷纭查询。不举办项目检查。你能够把字符串插入到整数列中。某个顾客开采这是使数据库尤其有效的换代,特别是与无类型的脚本语言一同行使的时候。别的客商感到这是首要的弱点。
  • SQL 在线设计编辑器,这生机勃勃节的极度图片就是其意气风发在线编辑器的样子了。三个画数据库图表的在线工具。很有力。

API 和 在线数据

图片 23

  • ProgrammableWeb, 最盛行的Web 瑟维斯s 和 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创制的施用,能够在三星GALAXY Tab、Samsung、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种不相同的浏览器和设备上播放,不要求再去构思将在浏览录像的人利用什么设备了,避防止各各软件巨头之间的补益之争带给了不合营,给客户带给了震天动地的干扰,短式网球址令你能够通过Twitter、脸书(照片墙)等办法方便分享录制。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 – 参看本站的应用谷歌(Google卡塔尔国API做总括图
  • 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}} Mini的 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 是一个桌面应用可以为WebKit浏览器和触摸式移动器材创造 CSS3 animations 。
  • CSSwarp – CSS 文本扭曲生成器
  • Gradient Editor, 多少个精锐的Photoshop式的CSS 渐变编写翻译器。来自 ColorZilla
  • ★ Google Web Fonts 通过谷歌(Google卡塔尔 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 创制多少个KugaSS Reader
  • ★ Single Page Applications 使用jQuery的相爱的大家(Backbone, Underscore, …)创立单意气风发页面。
  • Google TV Optimized Templates, 古板电视已经开头和网路交融,但当下行业照旧正在搜寻之中,为此以往的网页亦会有组织上的改换。Google TV Optimized Templates是叁个用HTML/JavaScript制作而成的开源软体,一如其名是一个对Google电视机作出了最棒化的的网页范本,其特色是以遥控器作为操作的前提,令使用者没有必要输入任何文字就足以扩充调节。今后除了会有专项使用遥控器外,还恐怕会选择智能手提式有线电话机透过W-iFi调控GoogleTV的措施。Optimized Templates的分界面中上手会来得分类,右方会来得该分类下的摄像截图,影片播放、切换、全画面表示都可通过键盘上的方向键、Backspace或Enter等键实现,方便以往的网址开辟职员借镜。HTML5 版的沙盘使用了 Google TV UI library, jQuery 和 Closure 。

(全文完)

转自:

版权声明:本文由大奖888-www.88pt88.com-大奖888官网登录发布于前端开发,转载请注明出处:个人感觉这个收集贴收集成相当的全,   译文