开源中最好的Web开发的资源,开源中最好的Web开发资源汇总

开源中最好的Web开发资源汇总

2011/06/08 · HTML5 ·
HTML5

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

法兰西Web开发人员 朱莉(Julie)n 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
    RSS的壮大。

数据库

亚洲必赢官网 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 瑟维斯s 和 API 目录大全。
  • Google Data
    Protocol

    一组谷歌服务的数据服务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
    谷歌(谷歌)公司法定的开发者网站,包罗各个开发技术的API、开发工具、以及开发技术参考资料。
  • 开源中最好的Web开发的资源,开源中最好的Web开发资源汇总。Google Libraries
    API
    Google将完美的 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
    是永葆活动Web基特(Kit)浏览器的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 插件

亚洲必赢官网 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种差其余浏览器和设施上播报,不必要再去考虑将
    要浏览视频的人采取什么设备了,以幸免各各软件巨头之间的功利之争带来了不包容,给用户带来了了不起的麻烦,短网址让您可以经过推特、
    Facebook等方式有利分享录像。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是一个小型的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
    输入一个你想要测试的URL……
  • Android browser
    模拟器
  • iPhone browser 模拟器
  • Opera browser 模拟器
  • Firebug
    Firefox
    集成,可以查阅和调节你的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 成立一个RSS 里德(Reade)r
  • Single Page
    Applications

    使用jQuery的意中人们 (Backbone, Underscore, …)创设单一页面。
  • Google TV Optimized
    Templates
    ,
    传统电视机已经初阶和网路融合,但眼下产业照旧正在摸索之中,为此未来的网页亦会有结构上的变更。Google
    TV Optimized Templates是
    一个用HTML/JavaScript制成的开源软体,一如其名是一个对谷歌电视作出了最佳化的的网页范本,其特点是以遥控器作为操作的前提,令使用者无需输入任何文字就足以进行支配。未来除了会有专用遥控器外,还会使用智能手机
    透过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。个人感觉这几个采访贴收集成非常的全。

文/陈皓

小说来源: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
    ,
    小编自己征集的一部分代码片段

著作来源:Best “must know” open sources to build the new
Web。个人感觉那一个采访贴收集成至极的全。

学学HTML 5编程和筹划

亚洲必赢官网 20

  • ★ 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
    ,
    小编自己征集的有的代码片段

劳务器端的软件

亚洲必赢官网 21

  • ★ 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编程和统筹

服务器端的软件

亚洲必赢官网 22

  • ★ 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 框架和工具

亚洲必赢官网 23

  • ★ 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
    RSS的增添。
  • 更多的请参考
    – 20个你应该了解PHP库 和 9个有力免费的PHP库

亚洲必赢官网 24

PHP 框架和工具

亚洲必赢官网 25

  • ★ 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
    RSS的增加。
  • 更加多的请参见 – 20个你应当理解PHP库 和 9个有力免费的PHP库

数据库

亚洲必赢官网 26

  • ★ 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 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
    ,
    小编自己征集的片段代码片段

数据库

亚洲必赢官网 27

  • ★ 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 和 在线数据

亚洲必赢官网 28

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

劳动器端的软件

API 和 在线数据

亚洲必赢官网 29

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

在线代码和传媒编辑器

亚洲必赢官网 30

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

亚洲必赢官网 31

在线代码和媒体编辑器

亚洲必赢官网 32

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

代码资源和版本控制

亚洲必赢官网 33

  • ★ GitHub 是一个用于选拔Git版本控制种类的种类的根据互联网的存取服务。
  • Git 是一个由Linus为了更好地管理linux内核开发而创制的分布式版本控制/软件配置管理软件。其巨快无比,高效,选用了分布式版本库的不二法门,不必服务器端软件协理,使源代码的揭示和调换极其方便。
  • Google
    Code
     谷歌公司合法的开发者网站,包罗各个开发技术的API、开发工具、以及开发技术参考资料。
  • Google Libraries
    API
     Google将优质的 JavaScript 框架计划在其 CDN 上,在大家的网站上选择 谷歌(Google)Libraries API 可以加快 JavaScript 框架的加载速度。
  • Snipplr 一个绽放的源代码技巧分享社区,号称Code
    2.0。和一般的源码分享网站分歧,它针对的并不是重型网站源码,而是一些编程的代码技巧。
  • ★ 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,

代码资源和版本控制

亚洲必赢官网 34

  • ★ GitHub 是一个用来采纳Git版本控制种类的品类的依照互联网的存取服务。
  • Git 是一个由Linus为了更好地管理linux内核开发而创办的分布式版本控制/软件配置管理软件。其巨快无比,高效,选用了分布式版本库的格局,不必服务器端软件协理,使源代码的发布和调换极其方便。
  • Google
    Code
     谷歌(Google)集团官方的开发者网站,包罗各类开发技术的API、开发工具、以及开发技术参考资料。
  • Google Libraries
    API
     Google将卓绝的 JavaScript 框架计划在其 CDN 上,在我们的网站上采用 谷歌Libraries API 可以加速 JavaScript 框架的加载速度。
  • Snipplr 一个怒放的源代码技巧分享社区,号称Code
    2.0。和一般的源码分享网站差距,它针对的并不是巨型网站源码,而是一些编程的代码技巧。

JavaScript 桌面应用框架

亚洲必赢官网 35

  • ★ 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
    函数。

PHP 框架和工具

JavaScript 桌面应用框架

亚洲必赢官网 36

  • ★ 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 移动和触摸框架

亚洲必赢官网 37

  • ★ 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创立的利用,能够在平板电脑、魅族、Android智能手机等地点运行通畅。

亚洲必赢官网 38

JavaScript 移动和触摸框架

亚洲必赢官网 39

  • ★ 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创立的采纳,可以在平板电脑、一加、Android智能手机等地点运行通畅。

jQuery 插件

亚洲必赢官网 40

  • 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
  • ★ 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
    RSS的扩充。
  • 越来越多的请参见
    – 20个你应有精通PHP库 和 9个有力免费的PHP库

jQuery 插件

亚洲必赢官网 41

  • 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 是由布Landon亚伦开发的jQuery插件,用于添加跨浏览器的鼠标滚轮扶助。
  • AutoSuggest jQuery
    插件可以让你添加一些机关已毕的意义。
  • qTip 一个完美的jQuery 的工具提示插件,那些插件效率卓越强劲。
  • jQuery Charts and
    graphic
     用来打造图纸。
  • jQuery Tools– The missing UI
    library

其它 jQuery 资源

数据库

其它 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 视频播放器

亚洲必赢官网 42

  • ★ Popcorn.js 是一个HTML5
    Video框架,它提供了便于使用的API来一块交互式内容,让操作HTML5
    Video元素的性质,方法和事件变得不难易用。 (来自Mozilla)
  • LeanBack
    Player
     HTML5视频播放器,没有重视任何JavaScript框架。协助全屏播放,音量控制,在同一个页面中播放八个录像。
    (来自谷歌(Google))
  • Vid.ly 为您上传的视频提供转换职能,并且为转移后的视频创设一个短网址。通过Vid.ly,让您的视频可以在14种区其余浏览器和配备上播报,不须要再去考虑将要浏览视频的人接纳什么设备了,以防止各各软件巨头之间的裨益之争带来了不匹配,给用户带来了光辉的麻烦,短网址让你可以因此推特、Facebook等措施方便分享视频。Vid.ly仍是可以通过html代码嵌入到其他网页中。Vid.ly免费帐户空间为1GB,免费帐户也一直不广播或浏览限制。

亚洲必赢官网 43

HTML5 视频播放器

亚洲必赢官网 44

  • ★ Popcorn.js 是一个HTML5
    Video框架,它提供了便于使用的API来一头交互式内容,让操作HTML5
    Video元素的性能,方法和事件变得简单易用。 (来自Mozilla)
  • LeanBack
    Player
     HTML5视频播放器,没有依赖任何JavaScript框架。协助全屏播放,音量控制,在同一个页面中播放七个录像。
    (来自谷歌)
  • Vid.ly 为您上传的视频提供转换职能,并且为转移后的录像创制一个短网址。通过Vid.ly,让您的录像可以在14种差别的浏览器和装置上广播,不须要再去考虑将要浏览视频的人选用什么设备了,以幸免各各软件巨头之间的利益之争带来了不包容,给用户带来了伟大的麻烦,短网址让您可以经过推特、脸书等办法有利分享视频。Vid.ly仍能透过html代码嵌入到任何网页中。Vid.ly免费帐户空间为1GB,免费帐户也从不广播或浏览限制。

JavaScript 音频处理与可视化效果

亚洲必赢官网 45

  • ★ 使用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
  • ★ 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
    在线设计编辑器
    ,这一节的要命图片就是以此在线编辑器的样板了。一个画数据库图表的在线工具。很强劲。

JavaScript 音频处理与可视化效果

亚洲必赢官网 46

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

亚洲必赢官网 47

  • ★ 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
     –
     参看本站的采取谷歌API做计算图
  • Arbor.js, 是一个使用webworkers和jQuery创制的多少图形可视化JavaScript框架。它为图形社团和显示器刷新拍卖提供了一个快速、力导向布局算法。

API 和 在线数据

JavaScript 图形 和 3D

亚洲必赢官网 48

  • ★ 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
     –
    参看本站的行使谷歌API做统计图
  • Arbor.js,
    是一个拔取webworkers和jQuery创制的数据图形可视化JavaScript框架。它为图形社团和显示屏刷新拍卖提供了一个急迅、力导向布局算法。

JavaScript 浏览器接口 (HTML5)

亚洲必赢官网 49

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

亚洲必赢官网 50

JavaScript 浏览器接口 (HTML5)

亚洲必赢官网 51

  • ★ 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 工具

亚洲必赢官网 52

  • ★  {{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 。
  • ProgrammableWeb,
    最盛行的Web 瑟维斯(Service)s 和 API 目录大全。
  • Google Data
    Protocol
     一组谷歌(Google)服务的数据服务API。
  • Yahoo! Developer
    Network
     – APIs 和
    Tools
  • Yahoo!
    Pipes
     可视化在线编程工具,它是一个用于过滤、转换和集合网页内容的劳动。
  • ★ The Yahoo! Query
    Language
     一个很像
    SQL的网页查询工具。

JavaScript 工具

亚洲必赢官网 53

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

客户端和模拟器

亚洲必赢官网 54

  • BrowserShot,
    检查浏览器的兼容性,跨浏览器平器的测试
  • Test everything
    输入一个您想要测试的URL……
  • Android
    browser
     模拟器
  • iPhone browser 模拟器
  • Opera browser 模拟器
  • ★ Firebug 与 Firefox 集成,可以查看和调剂你的Web页面。

在线代码和传媒编辑器

客户端和模拟器

亚洲必赢官网 55

  • BrowserShot,
    检查浏览器的包容性,跨浏览器平器的测试
  • Test
    everything

    输入一个您想要测试的URL……
  • Android
    browser
     模拟器
  • iPhone
    browser
     模拟器
  • Opera
    browser
     模拟器
  • ★ Firebug 与 Firefox 集成,可以查看和调剂你的Web页面。

CSS3 和 字库

亚洲必赢官网 56

  • ★ CSS3 Maker CCS3的生成器
  • 不难地成立 CSS3
    animations。
     Sencha
    Animator 是一个桌面应用可以为Web基特(Kit)浏览器和触摸式移动装备创立 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组件。

亚洲必赢官网 57

CSS3 和 字库

亚洲必赢官网 58

  • ★ CSS3
    Maker
     CCS3的生成器
  • 不难地开创 CSS3
    animations亚洲必赢官网 ,。
     Sencha
    Animator 是一个桌面应用可以为Web基特(Kit)浏览器和触摸式移动装备创造 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) 模板

亚洲必赢官网 59

  • ★ 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 成立一个RSS Reader
  • ★ Single Page
    Applications
     使用jQuery的对象们
    (Backbone, Underscore, …)创立单一页面。
  • Google TV Optimized
    Templates
    ,
    传统TV已经上马三保网路融合,但近日产业仍旧正在搜索之中,为此未来的网页亦会有协会上的更动。Google
    TV Optimized
    Templates是一个用HTML/JavaScript制成的开源软体,一如其名是一个对Google电视作出了最佳化的的网页范本,其特色是以遥控器作为操作的前提,令使用者无需输入任何文字就可以开展控制。将来除外会有专用遥控器外,还会选择智能手机透过W-iFi控制谷歌电视机的不二法门。Optimized
    Templates的界面中左侧会体现分类,右方会突显该分类下的电影截图,影片播放、切换、全画面表示都可经过键盘上的方向键、Backspace或Enter等键已毕,方便今后的网站开发人士借镜。HTML5
    版的模板使用了 Google TV UI
    library, jQuery  和 Closure 。
  • ★ 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)制作工具。

Website (FULL) 模板

亚洲必赢官网 60

  • ★ 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 创制一个RSS 里德(Reade)r
  • ★ 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 。

(全文完)

转自:

代码资源和版本控制

亚洲必赢官网 61

  • ★ GitHub 是一个用以采纳Git版本控制系列的类其他根据互联网的存取服务。
  • Git 是一个由Linus为了更好地管理linux内核开发而创建的分布式版本控制/软件配置管理软件。其巨快无比,高效,接纳了分布式版本库的章程,不必服务器端软件支持,使源代码的颁发和沟通极其方便。
  • Google
    Code
     谷歌(谷歌(Google))集团官方的开发者网站,包蕴各类开发技术的API、开发工具、以及开发技术参考资料。
  • Google Libraries
    API
     谷歌将优质的 JavaScript 框架布署在其 CDN 上,在大家的网站上应用 谷歌Libraries API 可以加快 JavaScript 框架的加载速度。
  • Snipplr 一个盛开的源代码技巧分享社区,号称Code
    2.0。和一般的源码分享网站分歧,它针对的并不是重型网站源码,而是一些编程的代码技巧。

JavaScript 桌面应用框架

亚洲必赢官网 62

  • ★ 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 移动和触摸框架

亚洲必赢官网 63

  • ★ 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, 和一加)的
    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、小米、Android智能手机等地点运行通畅。

jQuery 插件

亚洲必赢官网 64

  • 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 视频播放器

亚洲必赢官网 65

  • ★ Popcorn.js 是一个HTML5
    Video框架,它提供了便于使用的API来一块交互式内容,让操作HTML5
    Video元素的性质,方法和事件变得简单易用。 (来自Mozilla)
  • LeanBack
    Player
     HTML5视频播放器,没有借助任何JavaScript框架。协理全屏播放,音量控制,在同一个页面中播放多少个视频。
    (来自谷歌)
  • Vid.ly 为你上传的视频提供转换职能,并且为转移后的视频创设一个短网址。通过Vid.ly,让你的视频可以在14种不一致的浏览器和装置上广播,不需求再去考虑将
    要浏览录像的人使用什么设备了,以防止各各软件巨头之间的功利之争带来了不合营,给用户带来了英雄的苦恼,短网址让您可以通过推特(TWTR.US)、
    脸谱等办法有利分享视频。Vid.ly还足以经过html代码嵌入到别的网页中。Vid.ly免费帐户空间为1GB,免费帐户也尚未广播或浏
    览限制。

JavaScript 音频处理与可视化效果

亚洲必赢官网 66

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

亚洲必赢官网 67

  • ★ 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
     – 
    参看本站的运用谷歌API做计算图
  • Arbor.js,
    是一个使用webworkers和jQuery创设的数据图形可视化JavaScript框架。它为图形社团和显示器刷新拍卖提供了一个便捷、力导向布局算法。

JavaScript 浏览器接口 (HTML5)

亚洲必赢官网 68

  • ★ 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 工具

亚洲必赢官网 69

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

客户端和模拟器

亚洲必赢官网 70

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

CSS3 和 字库

亚洲必赢官网 71

  • ★ CSS3 Maker CCS3的生成器
  • 简单地成立 CSS3
    animations。
     Sencha
    Animator 是一个桌面应用可以为Web基特浏览器和触摸式移动装备成立 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) 模板

亚洲必赢官网 72

  • ★ 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 创设一个RSS Reader
  • ★ Single Page
    Applications
     使用jQuery的爱人们
    (Backbone, Underscore, …)创造单一页面。
  • Google TV Optimized
    Templates
    ,
    传统电视机已经上马三保网路融合,但方今产业依然正在搜索之中,为此将来的网页亦会有社团上的更动。Google
    TV Optimized Templates是
    一个用HTML/JavaScript制成的开源软体,一如其名是一个对谷歌(Google)电视机作出了最佳化的的网页范本,其特征是以遥控器作为操作的前提,令使用者无需输入任何文字就足以举行支配。将来除了会有专用遥控器外,还会动用智能手机
    透过W-iFi控制谷歌(Google) 电视机的方法。Optimized
    Templates的界面中上手会来得分类,右方会展现该分类下的视频截图,影片播放、切换、全画面表示都可经过键盘上的方向键、Backspace或
    Enter等键已毕,方便今后的网站开发人士借镜。HTML5
    版的模版使用了 Google TV UI
    library, jQuery  和 Closure 。

(全文完)

网站地图xml地图