您的位置:澳门新葡8455最新网站 > Web前端 > 开源中最棒的Web开荒的能源,开源中最棒的Web开

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

发布时间:2019-11-04 10:57编辑:Web前端浏览(65)

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

    2011/06/08 · HTML5 · HTML5

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

    法兰西Web开垦人士 Julian 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!越来越多卡塔 尔(英语:State of Qatar)
    • ★ 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卡塔尔,触发器和大许多的复杂查询。不进行项目检查。你能够把字符串插入到整数列中。有个别用户发掘那是使数据库尤其有效的换代,特别是与无 类型的脚本语言一齐使用的时候。别的顾客以为那是首要的毛病。
    • SQL 在线设计编辑器,那大器晚成节的要命图片正是其大器晚成在线编辑器的表率了。叁个画数据库图表的在线工具。很有力。

    API 和 在线数据

    图片 4

    • ProgrammableWeb, 最流行的Web Services 和 API 目录大全。
    • Google Data Protocol 生龙活虎组谷歌(Google卡塔 尔(英语:State of Qatar)服务的数据服务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卡塔尔的 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、HTC、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框架。辅助全屏播放,音量控制,在同多个页面中播放多少个摄像。 (来自谷歌)
    • Vid.ly 为您上传的录像提供转变职能,并且为转移后的录制创设三个短式网球址。通过Vid.ly,让您的录像能够在14种不一样的浏览器和配备上播放,无需再去思考即将浏览录制的人接Nash么设备了,以制止各各软件巨头之间的益处之争带给了不宽容,给客户带来了宏伟的麻烦,短式网球站让您能够透过照片墙、 推特(TWTR.US)等办法有利分享录像。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… 输入贰个你想要测量试验的UEscortL……
    • 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 创制叁个GL450SS 里德r
    • 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 。

    (全文完)

     

    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 奥迪Q5SS的强盛。
    • 更加多的请参见 – 二十一个你应该通晓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调用。那在开支总数、延迟时间和完全轻巧性上有积极的效率。整个数据库(定义、表、索引和数量自己卡塔 尔(英语:State of Qatar)都在宿主主机上囤积在一个纯粹的文件中。它的简易的规划是透过在开班八个事务的时候锁定任何数据文件而形成的。库达成了绝大比较多的SQL-92标准,富含职业,便是意味着原子性、意气风发致性、隔绝性和长久性的(ACID卡塔 尔(英语:State of Qatar),触发器和多数的错综相连查询。不举办项目检查。你能够把字符串插入到整数列中。有个别客商发掘那是使数据库尤其实用的立异,非常是与无类型的脚本语言一齐利用的时候。别的顾客以为那是重点的劣势。
    • 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卡塔 尔(英语:State of Qatar)集团级军官方的开垦者网址,包括各样开辟技艺的API、开拓工具、以至开荒技巧参考资料。
    • Google Libraries API 谷歌(Google卡塔尔将可以的 JavaScript 框架布置在其 CDN 上,在我们的网址上运用 谷歌Libraries 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, 和索尼爱立信卡塔尔的 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创造的应用,可以在三星平板、HUAWEI、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种差别的浏览器和配备上播报,无需再去思索就要浏览录像的人选拔什么设备了,以制止各各软件巨头之间的收益之争带给了不相配,给客商带给了远大的烦恼,短式网球站让你能够通过Facebook、推文(Tweet卡塔尔国等艺术有利分享录制。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是叁个微型的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… 输入四个你想要测验的UCRUISERL……
    • 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 创立多个酷路泽SS Reader
    • ★ Single Page Applications 使用jQuery的相爱的人们 (Backbone, Underscore, …)成立单黄金年代页面。
    • Google TV Optimized Templates, 古板彩电已经发轫和网路融入,但日前行业依然正在查找之中,为此以往的网页亦会有结构上的改造。Google TV Optimized Templates是叁个用HTML/JavaScript制作而成的开源软体,一如其名是三个对Google电视作出了最棒化的的网页范本,其性格是以遥控器作为操作的前提,令使用者不供给输入任何文字就能够进行支配。现在除此之外会有专项使用遥控器外,还有恐怕会动用智能手提式有线电话机透过W-iFi调节谷歌电视机的法门。Optimized Templates的分界面中右侧会显得分类,右方会来得该分类下的电影截图,影片播放、切换、全画面表示都可透过键盘上的方向键、Backspace或Enter等键完结,方便现在的网址开辟人士借镜。HTML5 版的模版使用了 Google TV UI library, jQuery 和 Closure 。

    (全文完)

    转自:

    本文由澳门新葡8455最新网站发布于Web前端,转载请注明出处:开源中最棒的Web开荒的能源,开源中最棒的Web开

    关键词: