译文出处巴黎人澳门官网:,服务器端的软
分类:巴黎人-前端

开源中最佳的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!越来越多)
  • ★ 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),触发器和超越百分之五十的繁杂查询。不开展项目检查。你能够把字符串插入到整数列中。有些客商开掘那是使数据库特别低价的翻新,极度是与无 类型的脚本语言一同利用的时候。别的客商以为那是任重(Ren Zhong)而道远的瑕玷。
  • 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, 是二个来源于瑞典基于Flash的免费在线图片管理网址。除了操作介面和功效类似Photoshop,照旧多语言版本,协理简体中文。
  • Aviary, 是八个依据HTML5 的在线图片管理工科具,能够很轻松的对图纸打开中期管理。 Aviary API
  • Favicon Generator, 线上favicon(16×16)制作工具。

代码财富和版本调节

巴黎人澳门官网 6

  • GitHub 是贰个用以采纳Git版本调整连串的品种的根据互连网的存取服务。
  • Git 是一个由Linus为了更加好地处理linux内核开拓而创制的分布式版本调节/软件配置管理软件。其巨快无比,高效,选取了布满式版本库的章程,不必服务器端软件帮忙,使源代码的颁发和调换特别方便。
  • Google Code 谷歌(Google)公司合法的开垦者网址,包括各个开拓本领的API、开辟工具、以及开拓才能参照他事他说加以考察资料。
  • Google Libraries API Google将美好的 JavaScript 框架安插在其 CDN 上,在我们的网址上应用 谷歌(Google)Libraries API 能够加速 JavaScript 框架的加载速度。
  • Snipplr 三个绽开的源代码技能共享社区,称得上Code 2.0。和一般的源码分享网址不一致,它针对的并非大型网址源码,而是一些编制程序的代码工夫。

JavaScript 桌面应用框架

巴黎人澳门官网 7

  • jQuery 是一个比比较快、轻便的JavaScript library, 它简化了HTML 文件的traversing,事件管理、动画、Ajax 互动,进而便利了网页制作的全Sagitar飞。 源码, 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 是二个支撑各个智能手提式有线电话机平台(One plus, 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创立的选拔,能够在三星GALAXY Tab、OPPO、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种不相同的浏览器和设备上海人民广播广播台播,无需再去思索将在浏览摄像的人选择什么设备了,以制止各各软件巨头之间的好处之争带来了不匹配,给用户带来了了不起的苦恼,短式网球站让您能够经过Facebook、 推特(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的菲尔oGL是第三个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)

巴黎人澳门官网 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}} 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 。

顾客端和模拟器

巴黎人澳门官网 15

  • BrowserShot, 检查浏览器的包容性,跨浏览器平器的测量试验
  • Test everything… 输入叁个你想要测量检验的U奥迪Q5L……
  • Android browser 模拟器
  • iPhone browser 模拟器
  • Opera browser 模拟器
  • FirebugFirefox 集成,能够查阅和调护医疗你的Web页面。

CSS3 和 字库

巴黎人澳门官网 16

  • CSS3 Maker CCS3的生成器
  • 轻松地开创 CSS3 animations。 Sencha Animator 是叁个桌面应用可认为Web基特浏览器和触摸式移动设备创立 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 创制二个福特ExplorerSS Reader
  • Single Page Applications 使用jQuery的爱侣们 (Backbone, Underscore, …)创造单一页面。
  • Google TV Optimized Templates, 古板电视机已经上马三保网路融合,但近来行业照旧正在搜寻之中,为此以往的网页亦会有结构上的改换。Google TV Optimized Templates是 多个用HTML/JavaScript制作而成的开源软体,一如其名是多个对谷歌(Google)TV作出了最好化的的网页范本,其特征是以遥控器作为操作的前提,令使用者没有要求输入任何文字就足以开展调控。今后除此之外会有专项使用遥控器外,还只怕会动用智能机透过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。个人认为那么些访问贴搜罗成非常的全。

Website (FULL) 模板

巴黎人澳门官网 19

  • ★ 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 Reader
  • ★ Single Page Applications 使用jQuery的仇敌们 (Backbone, Underscore, …)制造单一页面。
  • Google TV Optimized Templates, 守旧电视机已经上马三保网路交融,但当下行当照旧正在寻找之中,为此以后的网页亦会有组织上的更动。Google TV Optimized Templates是二个用HTML/JavaScript制作而成的开源软体,一如其名是八个对谷歌TV作出了最棒化的的网页范本,其特色是以遥控器作为操作的前提,令使用者没有要求输入任何文字就可以实行支配。将来除了会有专项使用遥控器外,还大概会利用智能手提式有线电话机透过W-iFi调整谷歌(Google)电视的办法。Optimized Templates的分界面中上手会来得分类,右方会议及展览示该分类下的录制截图,影片播放、切换、全画面表示都可经过键盘上的方向键、Backspace或Enter等键完结,方便以往的网址开荒人士借镜。HTML5 版的模板使用了 Google TV UI library, jQuery  和 Closure 。

JavaScript 浏览器接口 (HTML5)

巴黎人澳门官网 20

  • ★ 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编程。

其它 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/

JavaScript 浏览器接口 (HTML5)

巴黎人澳门官网 21

  • ★ 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编程。

CSS3 和 字库

巴黎人澳门官网 22

  • ★ 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组件。

劳务器端的软件

巴黎人澳门官网 23

  • ★ 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, …

服务器端的软件

巴黎人澳门官网 24

  • ★ 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, …

读书HTML 5编程和筹划

巴黎人澳门官网 25

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

 

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

巴黎人澳门官网 26

  • ★ 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)制作工具。

API 和 在线数据

巴黎人澳门官网 27

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

JavaScript 工具

巴黎人澳门官网 28

  • ★  {{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 。

JavaScript 浏览器接口 (HTML5)

巴黎人澳门官网 29

  • ★ 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编程。

数据库

巴黎人澳门官网 30

  • ★ 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 在线设计编辑器,这一节的那多少个图片正是以此在线编辑器的理所当然了。二个画数据库图表的在线工具。很强劲。

HTML5 摄像播放器

巴黎人澳门官网 31

  • ★ Popcorn.js 是一个HTML5 Video框架,它提供了便于使用的API来共同交互式内容,让操作HTML5 Video成分的习性,方法和事件变得轻松易用。 (来自Mozilla)
  • LeanBack Player HTML5录像播放器,未有借助任何JavaScript框架。帮忙全屏播放,音量调控,在同三个页面中播放七个录制。 (来自谷歌)
  • Vid.ly 为你上传的录制提供调换职能,並且为转移后的录像创立八个短网站。通过Vid.ly,让你的录制能够在14种不相同的浏览器和器材上播放,不供给再去思虑就要浏览摄像的人利用什么设备了,以幸免各各软件巨头之间的裨益之争带来了不合营,给客商带来了赫赫的干扰,短式网球站让您能够通过Facebook、推文(Tweet)(TWT昂科拉.US)等艺术有利分享录制。Vid.ly还足以经过html代码嵌入到其余网页中。Vid.ly免费帐户空间为1GB,免费帐户也并未有广播或浏览限制。

JavaScript 移动和触摸框架

巴黎人澳门官网 32

  • ★ 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 是三个帮助两种智能手提式有线电话机平台(Motorola, 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、iPhone、Android智能手提式有线电话机等地方运营流畅。

CSS3 和 字库

巴黎人澳门官网 33

  • ★ 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组件。

JavaScript 音频管理与可视化效果

巴黎人澳门官网 34

  • ★ 使用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

本文由巴黎人手机版发布于巴黎人-前端,转载请注明出处:   译文出处巴黎人澳门官网:,服务器端的软

上一篇:没有了 下一篇:没有了
猜你喜欢
热门排行
精彩图文