开源Web开垦能源,开源中最佳的Web开拓的财富

开源中最佳的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, 二个明亮的
    HTML伍 技巧标准表达书。
  • StackOverflow :
    赫赫有名的本事问答式论坛。
  • Addyosmani, jQuery 和
    JavaScript 小说教程
  • Sohtanaka,
    jQuery 和 JavaScript 文章和科目

  • Nettuts+
    是1个面对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 支撑了多少个拾1分资深的 Web 2.0 网址,如:YouTube,
    wikipedia 和 meebo.
  • NGinx,
    品质巨高无比的轻量级的Web服务器。比Apache高多了。花了陆年的日子,终于走到了一.0版。
  • Apache HTTP Server
    是三个很盛行的并支持四个流行的操作系统的Web服务器。
  • PHP
    也许是最流行的劳动器端的Web脚本动态处理语言。
  • 当然,还有 Ruby,
    Python,
    Erlang,
    Perl,
    Java,
    .NET,
    Android,
    C++,
    Go,Fantom,CoffeeScript,
    D, …

PHP 框架和工具
开源Web开垦能源,开源中最佳的Web开拓的财富。

皇家赌场手机版 2

  • WordPress
    是五个基于博客系统的开源软件。
  • Drupal 是3个内容管理系统 (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
    HighlanderSS的强大。

数据库

皇家赌场手机版 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-九2标准,包涵职业,正是意味原子性、①致性、隔开分离性
    和持久性的(ACID),触发器和大多数的扑朔迷离查询。不实行项目检查。你能够把字符串插入到整数列中。有些用户发现那是使数据库特别管用的更新,特别是与无
    类型的脚本语言一齐利用的时候。其余用户以为那是主要的后天不足。
  • SQL
    在线设计编辑器
    ,这1节的万分图片正是以此在线编辑器的楷模了。2个画数据库图表的在线工具。很壮实大。

API 和 在线数据

皇家赌场手机版 4

  • ProgrammableWeb,
    最盛行的Web Services 和 API 目录大全。
  • 皇家赌场手机版,Google Data
    Protocol

    一组谷歌(Google)服务的数据服务API。
  • Yahoo! Developer
    Network
    – APIs 和
    Tools
  • Yahoo! Pipes
    可视化在线编制程序工具,它是三个用来过滤、调换和聚众网页内容的劳务。
  • ★ The Yahoo! Query
    Language
    3个很像
    SQL的网页查询工具。

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

皇家赌场手机版 5

  • CodeRun
    Studio
    2个基于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
    1个轻量级的依照浏览器的所见即所得编辑器,扶助近日盛行的各类浏览器,由JavaScript写成。
  • Ext Designer
    是叁个桌面应用工具,支持你飞快支付基于ExtJS 的用户分界面。

  • LucidChart,1款基于最新的html伍技巧的在线图表绘制软件,功效庞大,速度快速,运维此软件须求协理html5的浏览器。
  • Balsamiq Mockups,
    产品设计师绘制线框图或产品原型界面的利器。
  • Color Scheme Designer 叁 –
    贰个无偿的线上调色工具
  • Pixlr,
    是三个源于瑞典王国基于Flash的无需付费在线图片处理网址。除了操作介面和功效看似Photoshop,照旧多语言版本,扶助简体中文。
  • Aviary, 是三个基于HTML5的在线图片处理工科具,能够很轻易的对图纸张开早先时期处理。 Aviary
    API
  • Favicon Generator,
    线上favicon(1陆×1陆)制作工具。

代码财富和版本控制

皇家赌场手机版 6

  • GitHub
    是2个用于选拔Git版本调全体系的花色的依据网络的存取服务。
  • Git
    是1个由Linus为了越来越好地管理linux内核开荒而创建的分布式版本调整/软件配置管理软件。其巨快无比,高效,采纳了分布式版本库的措施,不必服务器端软件援助,使源代码的发表和交流极其方便。
  • Google Code
    谷歌(Google)公司法定的开荒者网址,包涵各个开拓能力的API、开辟工具、以及开采技艺参考资料。
  • Google Libraries
    API
    Google将完美的 JavaScript 框架安顿在其 CDN 上,在我们的网址上采纳 GoogleLibraries API 能够加快 JavaScript 框架的加载速度。
  • Snipplr
    多个怒放的源代码技巧分享社区,号称Code
    2.0。和1般的源码分享网址不一致,它针对的并不是巨型网址源码,而是1些编制程序的代码工夫。

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, 1个一流轻量级的 web二.0
    JavaScript framework
  • Prototype
    提供面向对象的Javascript和AJAX
  • Dojo The Dojo
    Toolkit,3个庞大的力不从心被制伏的面向对象JavaScript框架。首要由3大模块组成:Core、Dijit、DojoX。Core提供
    Ajax,events,packaging,CSS-based
    querying,animations,JSON等连锁操作API。Dijit是3个可转移皮肤,基于模板的WEB
    UI控件库。DojoX包含部分翻新/新颖的代码和控件:DateGrid,charts,离线应用,跨浏览器矢量绘图等。
  • Ext JS 4,
    业内最强劲的 JavaScript framework。
  • PHP.js, 多个开源的JavaScript
    库,它尝试在JavaScript 中完毕PHP 函数。在您的门类中程导弹入PHP.JS
    库,能够在静态页面使用你喜欢的PHP 函数。

JavaScript 开源Web开垦能源,开源中最佳的Web开拓的财富。移动和触摸框架

皇家赌场手机版 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类库和框架,它们都十分小,半数以上稍低于伍kb。那样您不要求因为只需求二个功效就要加载三个JS的框架。
  • PhoneGap
    :是1款开源的无绳话机应用开辟平台,它只有只用HTML和JavaScript语言就可以营造出能在八个移动装备上运维的施用。
    Sources.
  • Sencha Touch Sencha
    Touch 是叁个支撑多样智能手提式有线电话机平台(黑莓, Android, 和一加)的
    HTML五 框架。Sencha Touch能够让你的Web App看起来像Native
    App。雅观的用户分界面组件和拉长的多寡管理,全部根据最新的HTML5和CSS叁的
    WEB标准,全面包容Android和Apple iOS设备。
  • JQtouch, 是一个jQuery
    的插件,主要用来手提式有线电话机上的Webkit
    浏览器上贯彻部分回顾动画、列表导航、暗中同意使用样式等各类常见UI效果的JavaScript
    库。 Sources.
  • DHTMLX Touch
    针对移动和触摸设备的JavaScript 框架。DHTMLX
    Touch基于HTML伍,成立移动web应用。它不只是1组UI
    小工具,而是2个完好无缺的框架,能够本着移动和触摸设备创造跨平台的web应用。它10分主流的web浏览器,用DHTMLX
    Touch成立的接纳,能够在苹果平板、华为、Android智能手提式有线电话机等地点运转通畅。

jQuery 插件

皇家赌场手机版 9

  • Waypoints
    是1个jQuery
    用来贯彻捕获种种滚动事件的插件,例如落到实处无翻页的始末浏览,也许固定有些成分不让滚动等等。匡助主流浏览器版本。
  • Lazy loader
    插件能够兑现图片的推迟加载,当网页比较长的时候,会先只加载用户视窗内的图样,视窗外的图片会等到你拖动滚动条至前面才加载,那样有效的幸免了因图片过多而加载慢的弊病。
  • TweenJS :
    1个归纳和强硬的 tweening / animation 的Javascript库。
  • Easings 类Css三的jQuery 动画插件
  • Spritely
    这些插件能够创立出如flash同样的动画片效果,比如:在页面上有1头飞动的鸟类,3个动态滚动的背景等。
  • File Upload,
    jQuery 文件上传插件四.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 3个完好无损的jQuery
    的工具提示插件,这几个插件作用分外强劲。
  • jQuery Charts and graphic
    用来塑造图纸。
  • jQuery Tools– The missing UI
    library

其它 jQuery 资源

HTML5 摄像播放器

皇家赌场手机版 10

  • Popcorn.js
    是1个HTML伍Video框架,它提供了轻松使用的API来一齐交互式内容,让操作HTML5Video成分的属性,方法和事件变得轻便易用。 (来自Mozilla)
  • LeanBack
    Player

    HTML五摄像播放器,未有借助任何JavaScript框架。支持全屏播放,音量调控,在同叁个页面中播放八个录像。
    (来自谷歌(Google))
  • Vid.ly
    为你上传的录制提供调换职能,并且为转移后的录像创造1个短式网球站。通过Vid.ly,让你的录像能够在1四种分裂的浏览器和设备上海人民广播广播台播,不需求再去思考将在浏览录像的人利用什么设备了,以幸免各各软件巨头之间的裨益之争带来了不合营,给用户带来了惊天动地的干扰,短式网球站让你能够通过推特、
    Instagram等方法方便分享录像。Vid.ly还足以经过html代码嵌入到其余网页中。Vid.ly免费帐户空间为一GB,免费帐户也未尝广播或浏
    览限制。

JavaScript
旋律处理与可视化效果

皇家赌场手机版 11

  • ★ 使用HTML5 和 Flash, SoundManager
    V2

    只用单1API的提供了保证,轻巧和庞大的跨平台的旋律处理。
  • DSP,
    JavaScript的声音Digital Signal Processing
  • The Radiolab Hyper Audio Player
    v1, 带给你 WNYC Radiolab, SoundCloud 和 Mozilla Drumbeat
  • jPlayer, 三个 jQuery HTML伍 音频/
    录制库,作用齐全的API

JavaScript 图形 和 3D

皇家赌场手机版 12


  • Processing.js是一个绽放的编制程序语言,在不行使Flash或Java小程序的前提下,
    能够兑现程序图像、动画和互相的使用。其使用Web标准,无需任何插件。
  • ★ Javascript 3D 引擎:
    ThreeJS 由 Mr Doob
    开荒,3个轻量级的 3D
    引擎,不必要明白细节,傻瓜都能选拔。这几个引擎能够动用canvas、svg和
    WebGL.
  • Shader Toy,
    1款选取WebGL的在线着色器编辑器(二D/3D).
    基于在线的施用架构使你无需下载任何软件就可以开始体验. Shader
    Toy包蕴多量实用着色器, 诸如光线追踪, 场景距离渲染, 球体, 隧道, 变形,
    中期处理特效等.
  • PhiloGL,
    Sencha的PhiloGL是第2个WebGL开荒工具之1,提供了高水准的职能,来构建WebGL应用。Sencha创立了多少个示范,来叙述框架交互式3D虚拟化的技术,比如3D
    view of global temperature
    changes。
  • WebGL Inspector
    你就Firebug等Web调节和测试工具同样,那个是 WebGL的调节和测试工具。
  • WebGL frameworks
    Khronos Group 采集的八个WebGL框架列表。
  • EaselJS, 四个采用html五的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,
    是3个应用webworkers和jQuery成立的数目图形可视化JavaScript框架。它为图形协会和荧屏刷新拍卖提供了一个飞跃、力导向布局算法。

JavaScript 浏览器接口
(HTML伍)

皇家赌场手机版 13

  • Modernizr – 是一个专为HTML5和CSS3 开拓的意义检查评定类库,能够根据浏览器对HTML伍 和CSS三的援助程度提供进一步便捷的前端优化方案.Sources.
    一个立见成效的列表 cross-browser
    Polyfills
  • HTML5Shiv :
    该品种的指标是为着让IE 能鉴定分别HTML5 的因素。
  • Polyfills :
    那一个体系采集了有的代码片段其用Javascript辅助不一致的浏览器的专门意义,有个别代码必要Flash。
  • YepNopeJS :
    二个异步的条件式的加载器。Sources.
  • jQuery CSS3
    Finalise
    :
    是还是不是厌倦了为每三个浏览器的CSS叁属性加前缀?
  • Amplify.js
    :一套用于web应用数据管理和应用程序通信的 jQuery 组件库
    提供轻易易用的API接口。Amplify的目的是通过为种种数据源提供二个联合的程序接口简化各个格式数据的数码处理。Amplify的囤积组件使用
    localStorage 和
    sessionStorage标准处理客户端的仓库储存音信,对某个老的浏览器援救恐怕有题目。Amplify’为jQuery的ajax方法request
    扩大了一部分附加的性状。
    Sources.
  • History.js
    美貌地援救了HTML伍 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 框架,被著名的 三7signals
    用来创设他们的移动客户端。它不行代替 Jquery,不可替代现有的Template
    库。而是和那几个整合起来构建复杂的 web
    前端交互使用。假设项目涉嫌大气的 javascript
    代码,完成无数扑朔迷离的前端交互效能,首先你会想到把数量和呈现分离。使用
    Jquery 的 selector 和 callback
    能够轻易完结这一点。可是对于富客户端的WEB应用大批量代码的结构化组织十分供给。Backbone
    就提供了 javascript 代码的团队的效应。Backbone 主要归纳 models,
    collections, views 和 events, controller 。

客户端和模拟器

皇家赌场手机版 15

  • BrowserShot,
    检查浏览器的包容性,跨浏览器平器的测试
  • Test everything
    输入3个你想要测试的U冠道L……
  • Android browser
    模拟器
  • iPhone browser 模拟器
  • Opera browser 模拟器
  • Firebug
    Firefox
    集成,能够查看和调控你的Web页面。

CSS3 和 字库

皇家赌场手机版 16

  • CSS3 Maker CCS三的生成器
  • 轻松地创立 CSS3
    animations。
    Sencha
    Animator 是2个桌面应用可以为WebKit浏览器和触摸式移动设备创制 CSS3animations 。
  • 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的一流实施。
    项指标开辟商称之为技艺集合,目标是满意你支付2个跨浏览器,并且面向将来的网站的供给。
    Sources.
  • HTML5 starter
    pack

    是贰个到底的和有组织的目录结构,其可适合广大品种,还有1对很常用的公文,以及轻松的Photoshop设计模板。
  • Initializr 是3个HTML5模板生成器,其得以帮你在一5秒内成立三个HTML五的品类。
  • Animated Portfolio
    Gallery

    (教程)
  • Slick MobileApp
    Website

    假使由此 jQuery 和 CSS 制作三个有线电话选取的网址。
  • RSS
    Reader

    如若因而 jQuery Mobile 制造1个索罗德SS 里德r
  • Single Page
    Applications

    使用jQuery的心上人们 (Backbone, Underscore, …)创设单一页面。
  • Google TV Optimized
    Templates
    ,
    古板电视机已经起来和网路融合,但眼前行业仍旧正在搜求之中,为此未来的网页亦会有结构上的改换。Google
    TV Optimized Templates是
    3个用HTML/JavaScript制成的开源软体,1如其名是二个对GoogleTV作出了最棒化的的网页范本,其特色是以遥控器作为操作的前提,令使用者无需输入任何文字就能够拓展调整。今后除却会有专用遥控器外,还会利用智能机透过W-iFi调整谷歌(Google) TV的主意。Optimized
    Templates的分界面中右侧会显得分类,右方会来得该分类下的影视截图,影片播放、切换、全画面表示都可因而键盘上的方向键、Backspace或
    Enter等键实现,方便今后的网址开拓职员借镜。HTML伍 版的模版使用了
    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 伍编制程序和安顿

皇家赌场手机版 19

  • ★ HTML5 Rocks : Major Feature
    Groups  的学习 HTML5 的资源 (HTML5 演示, 教程
    ). 源码
  • 很正确的 HTML5
    Dashboard
     –
    Mozilla,效果很炫。
  • WhatWG Developers, 一个精通的
    HTML伍 手艺标准表达书。
  • ★ 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
    ,
    小编自个儿征集的局地代码片段

读书HTML 五编制程序和设计

皇家赌场手机版 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
    ,
    我本人征集的有个别代码片段

文章来源:Best “must know” open sources to build the new
Web。个人以为那一个采访贴收罗成相当的全。

劳动器端的软件

皇家赌场手机版 21

  • ★ Node.js 是劳务器端的 JavaScript
    环境,其使用了异步事件驱动格局。其让Node.js在重重网络选用系统布局下获得相当不易的性质。 源码 和 实时演示。
  • PhantomJS 也是二个劳动器端的
    JavaScript API的WebKit。其协助种种Web标准: DOM 处理, CSS 接纳器,
    JSON, Canvas, 和 SVG
  • Lighttpd 三个轻量级的开源Web服务器。消息,文书档案,benchmarks,
    bugs, 和 download. Lighttpd 支撑了多少个可怜知名的 Web 二.0
    网址,如:YouTube, wikipedia 和 meebo.
  • NGinx,
    品质巨高无比的轻量级的Web服务器。比Apache高多了。花了陆年的年华,终于走到了一.0版。
  • Apache HTTP
    Server
     是三个很盛行的并扶助四个流行的操作系统的Web服务器。
  • ★ PHP 大概是最流行的劳动器端的Web脚本动态处理语言。
  • 当然,还有 RubyPythonErlangPerlJava.NETAndroidC++Go,Fantom,CoffeeScriptD,

服务器端的软件

皇家赌场手机版 22

  • ★ Node.js 是劳动器端的
    JavaScript
    环境,其使用了异步事件驱动格局。其让Node.js在重重互连网选取系统布局下得到丰盛科学的属性。 源码 和 实时演示。
  • PhantomJS 也是二个劳务器端的
    JavaScript API的WebKit。其援助各类Web标准: DOM 处理, CSS 选用器,
    JSON, Canvas, 和 SVG
  • Lighttpd 二个轻量级的开源Web服务器。音讯,文书档案,benchmarks,
    bugs, 和 download. Lighttpd 支撑了多少个尤其有名的 Web 贰.0
    网址,如:YouTube, wikipedia 和 meebo.
  • NGinx,
    性能巨高无比的轻量级的Web服务器。比Apache高多了。花了六年的时光,终于走到了1.0版。
  • Apache HTTP
    Server
     是多个很盛行的并辅助两个流行的操作系统的Web服务器。
  • ★ PHP 恐怕是最风靡的劳务器端的Web脚本动态处理语言。
  • 当然,还有 RubyPythonErlangPerlJava.NETAndroidC++Go, Fantom,CoffeeScriptD, …

学学HTML 5编制程序和规划

PHP 框架和工具

皇家赌场手机版 23

  • ★ WordPress 是2个根据博客系统的开源软件。参看《WordPress是怎么赢的?》
  • Drupal 是3个内容管理系统 (CMS).
  • Centurion 是贰个新出现的开源
    CMS ,2个灵然的 PHP五 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
    MuranoSS的扩展。
  • 更加多的请参见
    – 十八个你应有明了PHP库 和 柒个有力免费的PHP库

PHP 框架和工具

皇家赌场手机版 24

  • ★ WordPress 是3个根据博客系统的开源软件。参看《WordPress是怎么赢的?》
  • Drupal 是贰个故事情节管理系统
    (CMS).
  • Centurion 是1个新出现的开源
    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
    奥迪Q伍SS的恢宏。
  • 越来越多的请参见 – 1八个你应当明了PHP库 和 几个有力免费的PHP库

皇家赌场手机版 25

数据库

皇家赌场手机版 26

  • ★ Apache
    CouchDB
     是2个面向文书档案的数据库管理连串。它提供以JSON
    作为数据格式的REST
    接口来对其进展操作,并得以透过视图来支配文书档案的公司和展现。.源码.
  • MonoQL 是多个利用PHP+ExtJS开拓的MySQL数据库管理工科具。分界面极像四个桌面应用程序,扶助当先2/4常用的职能包罗:表格设计,数据浏览/编辑,数据导入/导出和高级查询等。
  • MariaDB 是MySQL的一个分层,由MySQL
    创办人Monty Widenius
    所开采。GPL,用来对抗Oracle全部的MySQL的license的不测。自Oracle收购SUN以来,整个社区对此MySQL前途的忧患就从未有过停下过。
  • ★ SQLite 不像常见的客户端/服务器结构范例,SQLite引擎不是个程序与之通讯的独自进度,而是连接受程序中产生它的2个重半数以上。所以最重要的通讯协议是在编制程序语言内的直接API调用。那在费用总数、延迟时间和完全轻便性上有积极的意义。整个数据库(定义、表、索引和数据作者)都在宿主主机上囤积在三个单纯的文件中。它的简要的统一筹划是经过在初叶2个政工的时候锁定任何数据文件而完结的。库完毕了繁多的SQL-九2标准,包蕴业务,正是意味着原子性、1致性、隔开性和持久性的(ACID),触发器和大好多的纷纭查询。不开展项目检查。你能够把字符串插入到整数列中。某个用户发现那是使数据库特别可行的换代,特别是与无类型的脚本语言一齐使用的时候。别的用户认为那是非同一般的瑕疵。
  • SQL
    在线设计编辑器
    ,那壹节的不得了图片正是那些在线编辑器的规范了。八个画数据库图表的在线工具。很有力。

数据库

皇家赌场手机版 27

  • ★ Apache
    CouchDB
     是一个面向文书档案的数据库管理体系。它提供以JSON
    作为数据格式的REST
    接口来对其进行操作,并可以通过视图来调节文书档案的团体和显现。.源码.
  • MonoQL 是三个行使PHP+ExtJS开荒的MySQL数据库管理工科具。分界面极像三个桌面应用程序,支持一大半常用的机能包括:表格设计,数据浏览/编辑,数据导入/导出和高等查询等。
  • MariaDB 是MySQL的三个分段,由MySQL
    创办人Monty Widenius
    所开垦。GPL,用来对抗Oracle全数的MySQL的license的出人意料。自Oracle收购SUN以来,整个社区对此MySQL前途的牵挂就从不终止过。
  • ★ SQLite 不像常见的客户端/服务器结构范例,SQLite引擎不是个程序与之通讯的单身进度,而是连接受程序中变为它的一个根本部分。所以最首要的通讯协议是在编程语言内的第贰手API调用。那在费用总数、延迟时间和壹体化简单性上有积极的功力。整个数据库(定义、表、索引和数码本人)都在宿主主机上囤积在一个纯净的文本中。它的简便的宏图是透过在开端3个事务的时候锁定任何数据文件而变成的。库落成了超越八分之四的SQL-玖贰标准,包含业务,便是象征原子性、一致性、隔开性和持久性的(ACID),触发器和繁多的复杂查询。不开始展览项目检查。你能够把字符串插入到整数列中。有个别用户发现那是使数据库越发实惠的翻新,尤其是与无类型的脚本语言一齐利用的时候。别的用户以为那是首要的弱项。
  • SQL
    在线设计编辑器
    ,这一节的极度图片正是其1在线编辑器的样子了。2个画数据库图表的在线工具。很强大。
  • ★ HTML5 Rocks : Major Feature
    Groups  的学习 HTML5 的资源 (HTML5 演示, 教程
    ). 源码
  • 很不利的 HTML5
    Dashboard
     –
    Mozilla,效果很炫。
  • WhatWG Developers, 3个明亮的
    HTML五 本领标准表明书。
  • ★ 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对代码片段

API 和 在线数据

皇家赌场手机版 28

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

API 和 在线数据

皇家赌场手机版 29

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

劳务器端的软件

在线代码和媒体编辑器

皇家赌场手机版 30

  • ★ CodeRun
    Studio
    四个基于JavaScript语言开垦的跨平台的合一开拓环境,它立足于云总计的安顿性思路,方便开辟者在浏览器端便能够轻易手荒、调节和测试和配备互连网应用程序。(参看《Coderun.com
    在线开荒IDE》)
  • Cloud9 IDE –
    一个依据Node.JS创设的JavaScript程序支付Web
    IDE。它具备2个那2个快的文书编辑器帮忙为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技巧的在线图表绘制软件,功效庞大,速度飞速,运营此软件须求接济html伍的浏览器。
  • Balsamiq Mockups,
    产品设计师绘制线框图或产品原型分界面包车型地铁利器。
  • Color Scheme Designer 3- 四个无偿的线上调色工具
  • ★ Pixlr,
    是一个源于瑞典王国基于Flash的无偿在线图片处理网址。除了操作介面和功效周围Photoshop,依然多语言版本,协助简体汉语。(以前酷壳介绍过)
  • Aviary, 是一个依照HTML5的在线图片处理工科具,能够很容易的对图纸实行早先时期处理。 Aviary
    API
  • Favicon
    Generator, 
    线上favicon(1陆×1陆)制作工具。

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

皇家赌场手机版 31

  • ★ CodeRun
    Studio
    多个基于JavaScript语言开荒的跨平台的三合1开垦条件,它立足于云总括的布置性思路,方便开荒者在浏览器端便得以轻松手采、调节和测试和布局互连网应用程序。(参看《Coderun.com
    在线开采IDE》)
  • Cloud9
    IDE
     –
    3个基于Node.JS营造的JavaScript程序支付Web
    IDE。它抱有两个拾贰分快的公文编辑器支持为JS, HTML,
    CSS和那三种的搅和代码进行着色显示。
  • ★ jsFiddle –
    Javascript的在线运营体现框架,这些工具得以有效的帮衬web前端开采职员来有效分享和示范前端效果,其差不多而庞大(JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML,
    CSS)
  • Akshell,1种云服务,它选用服务端的JavaScript和在线的IDE补助开拓者进行连忙应用程序开荒。
    它还提供云托管,所以安顿是即时的。
  • JSONeditor,
    1个好用的JSON 编辑器
  • ★ TinyMCE 3个轻量级的依照浏览器的所见即所得编辑器,援救近日风行的各类浏览器,由JavaScript写成。
  • Ext
    Designer
     是二个桌面应用工具,帮助您火速支付基于ExtJS
    的用户分界面。
  • ★ LucidChart,一款基于最新的html五手艺的在线图表绘制软件,作用壮大,速度连忙,运维此软件须求帮衬html伍的浏览器。
  • Balsamiq
    Mockups
    ,
    产品设计师绘制线框图或产品原型界面包车型客车利器。
  • Color Scheme
    Designer
     3 –
    一个免费的线上调色工具
  • ★ Pixlr,
    是3个来源于瑞典基于Flash的免费在线图片处理网址。除了操作介面和效用类似Photoshop,依然多语言版本,支持简体普通话。(以前酷壳介绍过)
  • Aviary,
    是2个根据HTML伍的在线图片处理工科具,能够很轻便的对图纸张开后期处理。 Aviary
    API
  • Favicon
    Generator, 
    线上favicon(1陆×16)制作工具。

皇家赌场手机版 32

代码财富和版本调整

皇家赌场手机版 33

  • ★ GitHub 是3个用来选取Git版本调控连串的花色的依照网络的存取服务。
  • Git 是二个由Linus为了越来越好地管理linux内核开采而创办的分布式版本调控/软件配置管理软件。其巨快无比,高效,采取了分布式版本库的点子,不必服务器端软件帮衬,使源代码的公布和调换极其方便。
  • Google
    Code
     谷歌(谷歌)公司法定的开拓者网址,包括种种开荒手艺的API、开垦工具、以及开垦手艺参考资料。
  • Google Libraries
    API
     谷歌将完美的 JavaScript 框架安插在其 CDN 上,在大家的网址上使用 谷歌Libraries API 能够加速 JavaScript 框架的加载速度。
  • Snipplr 2个开放的源代码本事分享社区,号称Code
    二.0。和一般的源码分享网址分裂,它针对的并不是重型网址源码,而是壹些编程的代码技术。

代码能源和版本调控

皇家赌场手机版 34

  • ★ GitHub 是一个用来选用Git版本调控类别的品类的基于互连网的存取服务。
  • Git 是多个由Linus为了越来越好地管理linux内核开采而创办的分布式版本调节/软件配置管理软件。其巨快无比,高效,选取了分布式版本库的法子,不必服务器端软件补助,使源代码的宣布和沟通极其方便。
  • Google
    Code
     谷歌(Google)企业官方的开垦者网址,包涵各个开采技艺的API、开拓工具、以及开辟手艺参考资料。
  • Google Libraries
    API
     谷歌(Google)将特出的 JavaScript 框架安排在其 CDN 上,在大家的网址上选用 谷歌Libraries API 能够增加速度 JavaScript 框架的加载速度。
  • Snipplr 3个绽放的源代码技艺分享社区,号称Code
    贰.0。和①般的源码分享网址分歧,它针对的并不是大型网址源码,而是一些编制程序的代码本领。
  • ★ Node.js 是服务器端的 JavaScript
    环境,其利用了异步事件驱动方式。其让Node.js在点不清网络使用种类布局下获得尤其科学的个性。 源码 和 实时演示。
  • PhantomJS 也是二个劳动器端的
    JavaScript API的WebKit。其援助各类Web标准: DOM 处理, CSS 选取器,
    JSON, Canvas, 和 SVG
  • Lighttpd 七个轻量级的开源Web服务器。音信,文书档案,benchmarks,
    bugs, 和 download. Lighttpd 支撑了多少个可怜盛名的 Web 二.0
    网址,如:YouTube, wikipedia 和 meebo.
  • NGinx,
    品质巨高无比的轻量级的Web服务器。比Apache高多了。花了陆年的小时,终于走到了一.0版。
  • Apache HTTP
    Server
     是三个很盛行的并扶助七个流行的操作系统的Web服务器。
  • ★ PHP 可能是最风靡的劳务器端的Web脚本动态处理语言。
  • 当然,还有 RubyPythonErlangPerlJava.NETAndroidC++Go,Fantom,CoffeeScriptD,

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, 1个特级轻量级的 web2.0
    JavaScript framework
  • Prototype 提供面向对象的Javascript和AJAX
  • Dojo The Dojo
    Toolkit,二个强硬的力不从心被克制的面向对象JavaScript框架。首要由3大模块组成: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 桌面应用框架

皇家赌场手机版 36

  • ★ jQuery 是一个飞跃、轻松的JavaScript
    library, 它简化了HTML 文件的traversing,事件处理、动画、Ajax
    互动,从而有利于了网页制作的长足上扬。 源码, API, API浏览, 很科学的文书档案.
  • ★ 官方的 jQuery User Interface (UI)
    library
     (演示和文书档案). 源码,Themes
    Roller, Download.
  • YUI
    2
     — Yahoo! User
    Interface Library
  • Mootools,
    3个最好轻量级的 web2.0 JavaScript framework
  • Prototype 提供面向对象的Javascript和AJAX
  • Dojo The
    Dojo
    Toolkit,多个无敌的一筹莫展被击败的面向对象JavaScript框架。主要由3大模块组合: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 移动和触摸框架

皇家赌场手机版 37

  • ★ jQuery Mobile : 是 jQuery
    在手提式有线电话机上和平板设备上的本子。jQuery Mobile
    不仅会给主流移动平台带来jQuery宗旨库,而且会发表五个完好无缺统一的jQuery移动UI框架。辅助整个世界主流的运动平台。jQuery
    Mobile开荒团队说:能开采那几个项目,大家这个快乐。移动Web太供给三个跨浏览器的框架,让开拓人士开拓出真正的移位Web网址。我们将尽全力去满意那样的须求。 Sources.
  • Zepto.js Zepto.js
    是支撑活动Web基特浏览器的JavaScript框架,具备与jQuery包容的语法。二-5k的库,通过正确的API处理绝大好多的基本职业。 Sources.
  • MicroJS :
    Microjs网站应用列出了累累轻量的Javascript类库和框架,它们都不大,半数以上低于伍kb。那样您不供给因为只要求三个功用就要加载两个JS的框架。
  • ★ PhoneGap :是一款开源的手提式有线电话机选取开荒平台,它只是只用HTML和JavaScript语言就足以创造出能在多少个运动设备上运转的利用。 Sources.
  • ★ Sencha Touch Sencha
    Touch 是四个支撑多样智能手提式有线电话机平台(诺基亚, Android, 和小米)的
    HTML5 框架。Sencha Touch能够让您的Web App看起来像Native
    App。美貌的用户分界面组件和丰硕的数额管理,全体基于最新的HTML五和CSS叁的
    WEB标准,全面包容Android和Apple iOS设备。
  • JQtouch, 是贰个jQuery
    的插件,首要用来手提式有线电电话机上的Webkit
    浏览器上落实部分席卷动画、列表导航、暗许使用样式等各样常见UI效果的JavaScript
    库。 Sources.
  • DHTMLX
    Touch
     针对移动和触摸设备的JavaScript
    框架。DHTMLX Touch基于HTML5,创设移动web应用。它不仅仅是壹组UI
    小工具,而是二个完好无损的框架,能够针对移动和触摸设备创立跨平台的web应用。它分外主流的web浏览器,用DHTMLX
    Touch创设的行使,能够在三星平板、vivo、Android智能手提式有线电话机等方面运维流畅。

JavaScript 移动和触摸框架

皇家赌场手机版 38

  • ★ jQuery
    Mobile
     : 是 jQuery
    在堂弟大上和机械设备上的版本。jQuery Mobile
    不仅会给主流移动平台带来jQuery主题库,而且会发表多少个完整统一的jQuery移动UI框架。支持整个世界主流的运动平台。jQuery
    Mobile开拓组织说:能支付那么些类型,大家丰裕欢愉。移动Web太急需二个跨浏览器的框架,让开拓职员开拓出真正的移位Web网址。咱们将尽全力去满意如此的急需。 Sources.
  • Zepto.js Zepto.js
    是永葆移动WebKit浏览器的JavaScript框架,具备与jQuery包容的语法。贰-5k的库,通过科学的API处理绝大繁多的为主职业。 Sources.
  • MicroJS :
    Microjs网站应用列出了累累轻量的Javascript类库和框架,它们都不大,大多数紧跟于5kb。这样您不供给因为只须求三个职能就要加载3个JS的框架。
  • ★ PhoneGap :是一款开源的无绳电话机应用开辟平台,它只是只用HTML和JavaScript语言就能够营造出能在多个移动装备上运维的采用。 Sources.
  • ★ Sencha
    Touch
     Sencha Touch
    是多少个接济各类智能手提式无线电话机平台(BlackBerry, Android, 和红米)的 HTML5框架。Sencha Touch能够让你的Web App看起来像Native
    App。美貌的用户分界面组件和增多的多少管理,全体遵照最新的HTML5和CSS三的
    WEB标准,周详包容Android和Apple iOS设备。
  • JQtouch,
    是三个jQuery 的插件,首要用于手提式有线电话机上的Webkit
    浏览器上达成部分总结动画、列表导航、私下认可使用样式等种种常见UI效果的JavaScript
    库。 Sources.
  • DHTMLX
    Touch
     针对移动和触摸设备的JavaScript
    框架。DHTMLX Touch基于HTML5,创设移动web应用。它不仅仅是壹组UI
    小工具,而是2个1体化的框架,能够针对移动和触摸设备创制跨平台的web应用。它卓越主流的web浏览器,用DHTMLX
    Touch创造的行使,能够在三星平板、红米、Android智能手提式有线话机等地点运维流畅。

皇家赌场手机版 39

jQuery 插件

皇家赌场手机版 40

  • Waypoints 是贰个jQuery
    用来落到实处捕获各类滚动事件的插件,例如落到实处无翻页的剧情浏览,也许固定某些成分不让滚动等等。援助主流浏览器版本。
  • Lazy
    loader 
    插件能够兑现图片的推移加载,当网页比较长的时候,会先只加载用户视窗内的图形,视窗外的图片会等到您拖动滚动条至后边才加载,那样有效的防止了因图片过多而加载慢的流弊。
  • TweenJS :
    五个简约和强劲的 tweening / animation 的Javascript库。
  • Easings 类Css三的jQuery 动画插件
  • Spritely 这些插件可以创立出如flash同样的动画片效果,比如:在页面上有二只飞动的鸟类,2个动态滚动的背景等。
  • File
    Upload, 
    jQuery
    文件上传插件四.肆.壹
  • Slideshow/Carousel 插件. Sources.
  • Supersized –
    全屏式的背景/幻灯片插件
  • Masonry i一款尤其酷的机动排版插件,那款jQuery工具得以依据网格来机关排列水平和垂直成分,抢先原来的css. Sources.
  • jQuery
    简单 Layout 演示,管理种种边栏式,可改动大小式的布局。
  • Flexigrid –
    jQuery 数据表插件
  • Isotope相对是3个令人困惑的jQuery插件,你能够用它来创制动态和智能布局。你能够隐藏和突显与过滤项目,重新排序和整治甚至越多。
  • Super
    Gestures
     jQuery
    插件能够完结筋痹势的功用。
  • MouseWheel 是由Brandon
    Aaron开发的jQuery插件,用于加多跨浏览器的鼠标滚轮协理。
  • AutoSuggest jQuery
    插件能够让你增多一些活动完结的成效。
  • qTip 一个完美的jQuery 的工具提醒插件,那几个插件成效卓绝强劲。
  • jQuery Charts and
    graphic
     用来塑造图纸。
  • jQuery Tools– The missing UI
    library

jQuery 插件

皇家赌场手机版 41

  • Waypoints 是1个jQuery
    用来完结捕获种种滚动事件的插件,例如落到实处无翻页的剧情浏览,或许固定某些成分不让滚动等等。援助主流浏览器版本。
  • Lazy
    loader 
    插件能够兑现图片的延迟加载,当网页比较长的时候,会先只加载用户视窗内的图纸,视窗外的图片会等到您拖动滚动条至前边才加载,那样有效的防止了因图片过多而加载慢的坏处。
  • TweenJS :
    1个简便和强有力的 tweening / animation 的Javascript库。
  • Easings 类Css叁的jQuery
    动画插件
  • Spritely 这几个插件能够创立出如flash同样的动画效果,比如:在页面上有1只飞动的小鸟,一个动态滚动的背景等。
  • File
    Upload, 
    jQuery
    文件上传插件肆.四.一
  • Slideshow/Carousel 插件. Sources.
  • Supersized –
    全屏式的背景/幻灯片插件
  • Masonry i壹款尤其酷的自发性排版插件,这款jQuery工具得以依据网格来机关排列水平和垂直成分,当先原来的css. Sources.
  • jQuery 简单 Layout 演示,管理种种边栏式,可改变大小式的布局。
  • Flexigrid –
    jQuery 数据表插件
  • Isotope纯属是1个令人难以置信的jQuery插件,你能够用它来创制动态和智能布局。你能够隐蔽和显示与过滤项目,重新排序和整理甚至更加多。
  • Super
    Gestures
     jQuery
    插件能够兑现软骨发育不全势的功力。
  • MouseWheel 是由BrandonAaron开辟的jQuery插件,用于增加跨浏览器的鼠标滚轮扶助。
  • AutoSuggest jQuery
    插件能够让您增多壹些自行完毕的法力。
  • qTip 2个能够的jQuery 的工具提醒插件,那些插件功用格外强劲。
  • jQuery Charts and
    graphic
     用来塑造图纸。
  • jQuery Tools– The missing UI
    library
  • ★ WordPress 是3个基于博客系统的开源软件。参看《WordPress是怎么赢的?》
  • Drupal 是3个内容管理系统 (CMS).
  • Centurion 是七个新出现的开源
    CMS ,二个灵然的 PHP伍 Content Management Framework. 使用 Zend
    Framework, 其组件坚韧不拔通用,轻便,清楚和可选择的陈设标准。
  • phpBB 一个开源的论坛(国内的Discuz!更加多)
  • ★ SimplePie : 超快的,易用的,  RSS  和
    Atom feed PHP解析。
  • ★ PHPthumb, PHP 图片处理库
  • ★ PHPMailer 庞大的全职能的PHP邮件库
  • PubSubHubbub共谋,3个轻松,开放,
    server-to-server 的 pubsub (publish/subscribe) 协议——Atom and
    卡宴SS的扩展。
  • 越来越多的请参见
    – 18个你应当精通PHP库 和 九个有力无需付费的PHP库

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

数据库

HTML伍 摄像播放器

皇家赌场手机版 42

  • ★ Popcorn.js 是多个HTML5Video框架,它提供了便于使用的API来壹块交互式内容,让操作HTML5Video成分的质量,方法和事件变得轻便易用。 (来自Mozilla)
  • LeanBack
    Player
     HTML伍录制播放器,没有正视任何JavaScript框架。协助全屏播放,音量调控,在同二个页面中播放多少个摄像。
    (来自Google)
  • Vid.ly 为您上传的录像提供转变职能,并且为转移后的摄像创立三个短式网球址。通过Vid.ly,让您的录制能够在14种不一样的浏览器和配备上播放,不须要再去思索将在浏览录像的人使用什么设备了,以幸免各各软件巨头之间的裨益之争带来了不合作,给用户带来了赫赫的困扰,短式网球站让您能够通过照片墙、推特(TWTR.US)等艺术有利分享录像。Vid.ly还足以经过html代码嵌入到别的网页中。Vid.ly无偿帐户空间为1GB,无偿帐户也平素不广播或浏览限制。

HTML5 录像播放器

皇家赌场手机版 43

  • ★ Popcorn.js 是叁个HTML5Video框架,它提供了便于使用的API来一块交互式内容,让操作HTML5Video成分的性质,方法和事件变得轻松易用。 (来自Mozilla)
  • LeanBack
    Player
     HTML5摄像播放器,未有借助任何JavaScript框架。支持全屏播放,音量控制,在同一个页面中播放多少个摄像。
    (来自谷歌(Google))
  • Vid.ly 为你上传的录像提供调换职能,并且为转移后的摄像创制四个短式网球址。通过Vid.ly,让你的录制能够在1四种差别的浏览器和配备上播报,不供给再去思考就要浏览录像的人选择什么设备了,以幸免各各软件巨头之间的裨益之争带来了不相称,给用户带来了高大的干扰,短网站让您能够透过推特(TWTR.US)、照片墙(Facebook)等措施有利分享录制。Vid.ly还足以因此html代码嵌入到任何网页中。Vid.ly免费帐户空间为一GB,免费帐户也从不广播或浏览限制。

皇家赌场手机版 44

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

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 HTML五 音频/ 摄像库,功效齐全的API
  • ★ Apache
    CouchDB
     是2个面向文书档案的数据库管理类别。它提供以JSON
    作为数据格式的REST
    接口来对其进行操作,并得以经过视图来决定文书档案的团伙和表现。.源码.
  • MonoQL 是1个选择PHP+ExtJS开辟的MySQL数据库管理工科具。分界面极像一个桌面应用程序,接济超过一半常用的功用包涵:表格设计,数据浏览/编辑,数据导入/导出和高档查询等。
  • MariaDB 是MySQL的八个拨出,由MySQL
    创办者Monty Widenius
    所开垦。GPL,用来对抗Oracle全部的MySQL的license的奇异。自Oracle收购SUN以来,整个社区对此MySQL前途的忧郁就从没有过平息过。
  • ★ SQLite 不像常见的客户端/服务器结构范例,SQLite引擎不是个程序与之通讯的单独进度,而是连接受程序中产生它的三个最主要部分。所以最首要的通信协议是在编制程序语言内的第一手API调用。那在成本总的数量、延迟时间和完全轻松性上有积极的效应。整个数据库(定义、表、索引和数量自己)都在宿主主机上囤积在一个单一的文
    件中。它的简短的规划是透过在始发3个思想政治工作的时候锁定任何数据文件而做到的。库达成了繁多的SQL-玖贰标准,包含业务,便是意味原子性、1致性、隔断性
    和持久性的(ACID),触发器和大许多的纷纭查询。不开始展览项目检查。你可以把字符串插入到整数列中。某个用户发现那是使数据库越发可行的翻新,尤其是与无
    类型的脚本语言一齐使用的时候。别的用户以为那是根本的瑕疵。
  • SQL
    在线设计编辑器
    ,那1节的不胜图片正是这么些在线编辑器的指南了。五个画数据库图表的在线工具。很强劲。

JavaScript 图形 和 3D

皇家赌场手机版 47

  • ★ Processing.js是3个盛开的编制程序语言,在不选取Flash或Java小程序的前提下,
    能够达成程序图像、动画和相互的行使。其选用Web标准,无需任何插件。
  • ★ Javascript 3D
    引擎: ThreeJS 由 Mr Doob
    开垦,八个轻量级的 3D
    引擎,不须求领会细节,傻瓜都能动用。这一个引擎能够动用<canvas>,
    <svg> 和 WebGL.
  • Shader Toy,
    一款选取WebGL的在线着色器编辑器(2D/3D).
    基于在线的施用架构使你无需下载任何软件就可以起先体验. Shader
    Toy包蕴大批量实用着色器, 诸如光线追踪, 场景距离渲染, 球体, 隧道, 变形,
    前期处理特效等.
  • PhiloGL,
    Sencha的PhiloGL是第一个WebGL开垦工具之1,提供了高水准的效益,来营造WebGL应用。Sencha创造了多少个示范,来讲述框架交互式3D虚拟化的技能,比如3D
    view of global temperature
    changes。
  • WebGL
    Inspector
     你就Firebug等Web调节和测试工具一样,那个是
    WebGL的调试工具。
  • WebGL frameworks 由
    Khronos Group 搜罗的贰个WebGL框架列表。
  • EaselJS, 贰个选择html伍的canvas的
    JavaScript 库. Sources.
  • JavaScript Game
    Frameworks
     无需付费的JS游戏框架列表。另,可参看 JS游戏框架列表。
  • Raphaël是3个小型的JavaScript
    库,用来简化在页面上出示向量图的做事。你能够用它在页面上制图各类图片、并开始展览图纸的细分、旋转等操作。参看Javascript向量图Lib–Raphaël
  • jQuery SVG 插件让您能够了
    SVG canvas 进行互动。
  • Google chart
    tools
     –
     参看本站的行使谷歌(Google)API做计算图
  • Arbor.js, 是贰个运用webworkers和jQuery创制的数目图形可视化JavaScript框架。它为图形协会和显示器刷新拍卖提供了多个急迅、力导向布局算法。

JavaScript 图形 和 3D

皇家赌场手机版 48

  • ★ Processing.js是多个绽放的编制程序语言,在不选拔Flash或Java小程序的前提下,
    能够兑现程序图像、动画和互相的采取。其利用Web标准,无需任何插件。
  • ★ Javascript 3D 引擎: ThreeJS 由
    Mr Doob 开荒,一个轻量级的 3D
    引擎,不须要通晓细节,傻瓜都能运用。那些引擎能够选取<canvas>,
    <svg> 和 WebGL.
  • Shader
    Toy
    ,
    壹款使用WebGL的在线着色器编辑器(二D/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,
    二个使用html伍的canvas的 JavaScript 库. Sources.
  • JavaScript Game
    Frameworks
     无需付费的JS游戏框架列表。另,可参照 JS游戏框架列表。
  • Raphaël是1个小型的JavaScript
    库,用来简化在页面上出示向量图的做事。你能够用它在页面上绘制各类图片、并打开图片的剪切、旋转等操作。参看Javascript向量图Lib–Raphaël
  • jQuery
    SVG
     插件让你能够了 SVG
    canvas 举办相互。
  • Google chart
    tools
     –
    参看本站的动用谷歌API做总结图
  • Arbor.js,
    是八个行使webworkers和jQuery创设的多少图形可视化JavaScript框架。它为图形组织和荧屏刷新拍卖提供了一个急迅、力导向布局算法。

API 和 在线数据

JavaScript 浏览器接口 (HTML伍)

皇家赌场手机版 49

  • ★ Modernizr – 是二个专为HTML5和CSS三 开辟的职能检查评定类库,能够依据浏览器对HTML五 和CSS3的支撑程度提供越来越简便易行的前端优化方案.Sources.
    1个使得的列表 cross-browser
    Polyfills
  • HTML5Shiv :
    该类型的指标是为了让IE 能辨别HTML5 的要素。
  • Polyfills :
    那么些类型募集了1些代码片段其用Javascript帮忙区别的浏览器的尤其效果,某个代码须要Flash。
  • YepNopeJS :
    二个异步的条件式的加载器。Sources.
  • jQuery CSS3
    Finalise
     :
    是不是厌倦了为每3个浏览器的CSS三属性加前缀?
  • ★ Amplify.js :一套用于web应用数据管理和应用程序通信的 jQuery
    组件库
    。提供轻松易用的API接口。Amplify的靶子是因此为各类数据源提供一个统一的程序接口简化各样格式数据的数量处理。Amplify的贮存组件使用localStorage

    sessionStorage标准处理客户端的积存音信,对壹部分老的浏览器协理可能不不荒谬。Amplify’为jQuery的ajax方法request扩大了部分相当的风味。 Sources.
  • History.js 精彩地帮衬了HTML伍History/State APIs
  • Socket.IO Web的socket编程。

JavaScript 浏览器接口 (HTML伍)

皇家赌场手机版 50

  • ★ Modernizr –
    是三个专为HTML5 和CSS三 开采的法力检测类库,能够依据浏览器对HTML五和CSS三 的支撑程度提供更为方便的前端优化方案.Sources.
    2个管用的列表 cross-browser
    Polyfills
  • HTML5Shiv :
    该品种的目标是为了让IE 能识别HTML五 的要素。
  • Polyfills :
    那些系列募集了有个别代码片段其用Javascript支持分裂的浏览器的尤其效果,有个别代码需求Flash。
  • YepNopeJS :
    三个异步的条件式的加载器。Sources.
  • jQuery CSS3
    Finalise
     :
    是不是厌倦了为每二个浏览器的CSS三属性加前缀?
  • ★ Amplify.js :1套用于web应用数据管理和应用程序通信的 jQuery
    组件库
    。提供轻易易用的API接口。Amplify的目的是通过为各类数据源提供贰个集合的程序接口简化各个格式数据的数量处理。Amplify的储存组件使用localStorage

    sessionStorage标准处理客户端的贮存新闻,对一些老的浏览器帮衬恐怕有标题。Amplify’为jQuery的ajax方法request扩大了有些非常的特色。 Sources.
  • History.js 美貌地支撑了HTML伍History/State APIs
  • Socket.IO Web的socket编程。

皇家赌场手机版 51

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 框架,被有名的 三7signals
    用来构建他们的运动客户端。它不行代替 Jquery,不可替代现成的Template
    库。而是和这个构成起来塑造复杂的 web
    前端交互使用。若是项目事关大气的 javascript
    代码,达成广大复杂的前端交互功效,首先你会想到把多少和呈现分离。使用
    Jquery 的 selector 和 callback
    能够轻巧做到那点。不过对于富客户端的WEB应用大批量代码的结构化组织特别要求。Backbone
    就提供了 javascript 代码的集团的效果。Backbone 首要包涵 models,
    collections, views 和 events, controller 。

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 框架,被知名的 3七signals
    用来创设他们的移动客户端。它不行替代 Jquery,不可替代现成的Template
    库。而是和这几个整合起来营造复杂的 web
    前端交互使用。要是项目涉嫌大气的 javascript
    代码,完毕无数扑朔迷离的前端交互效能,首先你会想到把数量和呈现分离。使用
    Jquery 的 selector 和 callback
    能够轻易完结那点。不过对于富客户端的WEB应用大量代码的结构化组织相当供给。Backbone
    就提供了 javascript 代码的团体的功能。Backbone 首要回顾 models,
    collections, views 和 events, controller 。
  • ProgrammableWeb,
    最流行的Web Services 和 API 目录大全。
  • Google Data
    Protocol
     1组Google服务的数据服务API。
  • Yahoo! Developer
    Network
     – APIs 和
    Tools
  • Yahoo!
    Pipes
     可视化在线编制程序工具,它是五个用于过滤、调换和集合网页内容的服务。
  • ★ The Yahoo! Query
    Language
     一个很像
    SQL的网页查询工具。

客户端和模拟器

皇家赌场手机版 54

  • BrowserShot,
    检查浏览器的包容性,跨浏览器平器的测试
  • Test everything
    输入二个您想要测试的UBMWX三L……
  • Android
    browser
     模拟器
  • iPhone browser 模拟器
  • Opera browser 模拟器
  • ★ Firebug 与 Firefox 集成,能够查阅和调剂你的Web页面。

客户端和模拟器

皇家赌场手机版 55

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

    输入2个你想要测试的U凯雷德L……
  • Android
    browser
     模拟器
  • iPhone
    browser
     模拟器
  • Opera
    browser
     模拟器
  • ★ Firebug 与 Firefox 集成,能够查看和调剂你的Web页面。

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

CSS3 和 字库

皇家赌场手机版 56

  • ★ CSS3 Maker CCS三的生成器
  • 轻便地创设 CSS3
    animations。
     Sencha
    Animator 是1个桌面应用可感觉WebKit浏览器和触摸式移动装备创制 CSS三animations 。
  • CSSwarp – CSS 文本扭曲生成器
  • Gradient Editor,
    3个精锐的Photoshop式的CSS 渐变编写翻译器。来自 ColorZilla
  • ★ Google Web Fonts 通过GoogleWeb Fonts API 可以浏览全数的字体
  • @font-face Kit
    Generator
    ,
    为Web变换字体
  • Typetester, 相比字体。
  • Media Queries. 一组 responsive web
    设计。
  • Pattern TAP, UI组件。

CSS3 和 字库

皇家赌场手机版 57

  • ★ CSS3
    Maker
     CCS三的生成器
  • 轻便地创制 CSS3
    animations。
     Sencha
    Animator 是2个桌面应用可以为WebKit浏览器和触摸式移动装备创设 CSS三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组件。

皇家赌场手机版 58

Website (FULL) 模板

皇家赌场手机版 59

  • ★ HTML5
    Boilerplate
     是一个HTML5 /
    CSS /
    js模板,是贯彻跨浏览器不奇怪化、质量优化,稳定的可选作用如跨域Ajax和Flash的最棒实行。
    项目标开荒商称之为本领集合,目标是满意你支付一个跨浏览器,并且面向以后的网址的要求。 Sources.
  • HTML5 starter
    pack
     是叁个完完全全的和有集体的目录结构,其可适合过多档次,还有1部分很常用的文件,以及轻松的Photoshop设计模板。
  • ★ Initializr 是三个HTML伍模板生成器,其能够帮您在15秒内创设二个HTML5的项目。
  • Animated Portfolio
    Gallery
     (教程)
  • Slick MobileApp
    Website
     借使因而jQuery 和 CSS 制作二个有线电话使用的网站。
  • RSS
    Reader
     假若由此jQuery Mobile 创建1个LX570SS Reader
  • ★ Single Page
    Applications
     使用jQuery的意中人们
    (Backbone, Underscore, …)成立单1页面。
  • Google TV Optimized
    Templates
    ,
    守旧电视机已经开头和网路融合,但当下行当如故正在探究之中,为此以往的网页亦会有结构上的转移。Google
    TV Optimized
    Templates是二个用HTML/JavaScript制成的开源软体,壹如其名是多少个对谷歌电视机作出了最好化的的网页范本,其特点是以遥控器作为操作的前提,令使用者无需输入任何文字就足以拓展调控。将来除此之外会有专用遥控器外,还会选用智能手提式有线电话机透过W-iFi调控Google电视的方法。Optimized
    Templates的分界面中左边会显得分类,右方会来得该分类下的影视截图,影片播放、切换、全画面表示都可通过键盘上的方向键、Backspace或Enter等键实现,方便未来的网址开荒人士借镜。HTML伍版的沙盘使用了 Google TV UI
    library, jQuery  和 Closure 。

Website (FULL) 模板

皇家赌场手机版 60

  • ★ HTML5
    Boilerplate
     是一个HTML5 / CSS /
    js模板,是兑现跨浏览器平常化、品质优化,稳固的可选功效如跨域Ajax和Flash的极品实行。
    项指标开垦商称之为手艺集合,目标是满足你支付二个跨浏览器,并且面向以后的网址的急需。Sources.
  • HTML5 starter
    pack
     是二个根本的和有组织的目录结构,其可适合广大项目,还有部分很常用的文书,以及轻松的Photoshop设计模板。
  • ★ Initializr 是四个HTML伍模板生成器,其得以帮你在1伍秒内创制一个HTML5的门类。
  • Animated Portfolio
    Gallery
     (教程)
  • Slick MobileApp
    Website
     如若经过
    jQuery 和 CSS 制作贰个部手提式无线电话机接纳的网站。
  • RSS
    Reader
     如若经过
    jQuery Mobile 成立多个陆风X八SS Reader
  • ★ Single Page
    Applications
     使用jQuery的爱侣们
    (Backbone, Underscore, …)成立单1页面。
  • Google TV Optimized
    Templates
    ,
    古板电视机已经上马三保网路融入,但近来产业照旧正在寻觅之中,为此将来的网页亦会有协会上的改变。Google TV Optimized
    Templates是3个用HTML/JavaScript制成的开源软体,1如其名是1个对谷歌电视机作出了最好化的的网页范本,其性状是以遥控器作为操作的前提,令使用者无需输入任何文字就可以举办支配。现在除却会有专用遥控器外,还会选取智能手机透过W-iFi调节GoogleTV的不二诀窍。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,1种云服务,它利用服务端的JavaScript和在线的IDE辅助开拓者进行高效应用程序开垦。
    它还提供云托管,所以安插是即时的。
  • JSONeditor,
    二个好用的JSON 编辑器
  • ★ TinyMCE 一个轻量级的基于浏览器的所见即所得编辑器,扶助近来风行的各类浏览器,由JavaScript写成。
  • Ext
    Designer
     是2个桌面应用工具,扶助你神速支付基于ExtJS
    的用户分界面。
  • ★  LucidChart,①款基于最新的html伍技艺的在线图表绘制软件,功能庞大,速度极快,运维此软件须要支持html5的浏览器。
  • Balsamiq Mockups,
    产品设计师绘制线框图或产品原型分界面包车型大巴利器。
  • Color Scheme Designer 3 –
    一个免费的线上调色工具
  • ★ Pixlr,
    是三个源于瑞典王国基于Flash的免费在线图片处理网址。除了操作介面和效益看似Photoshop,照旧多语言版本,支持简体中文。(从前酷壳介绍过)
  • Aviary, 是2个基于HTML伍的在线图片处理工科具,能够很轻便的对图片实行前期处理。Aviary
    API
  • Favicon
    Generator, 
    线上favicon(1陆×16)制作工具。

代码财富和版本调整

皇家赌场手机版 61

  • ★ GitHub 是三个用来选取Git版本调整体系的品类的基于互联网的存取服务。
  • Git 是一个由Linus为了更加好地管理linux内核开荒而创办的分布式版本调控/软件配置管理软件。其巨快无比,高效,采纳了分布式版本库的章程,不必服务器端软件协理,使源代码的颁发和交换极其方便。
  • Google
    Code
     谷歌(谷歌)集团级军官方的开垦者网址,包罗各个开荒本领的API、开荒工具、以及开采能力参考资料。
  • Google Libraries
    API
     Google将优异的 JavaScript 框架布署在其 CDN 上,在我们的网址上行使 谷歌Libraries API 能够加快 JavaScript 框架的加载速度。
  • Snipplr 三个怒放的源代码才能分享社区,号称Code
    二.0。和一般的源码分享网址差别,它针对的并不是重型网站源码,而是一些编制程序的代码技巧。

JavaScript 桌面应用框架

皇家赌场手机版 62

  • ★ jQuery 是1个飞跃、轻便的JavaScript
    library, 它简化了HTML 文件的traversing,事件处理、动画、Ajax
    互动,从而利于了网页制作的神速上扬。 源码, API, API浏览, 很不利的文书档案.
  • ★ 官方的 jQuery User Interface (UI)
    library
     (演示和文书档案). 源码,Themes
    Roller,Download.
  • YUI 2 — Yahoo! User
    Interface Library
  • Mootools, 二个一流级轻量级的 web二.0
    JavaScript framework
  • Prototype 提供面向对象的Javascript和AJAX
  • Dojo The Dojo
    Toolkit,二个强有力的黔驴技穷被战胜的面向对象JavaScript框架。主要由3大模块组成: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, 3个开源的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-伍k的库,通过科学的API处理绝大繁多的着力工作。 Sources.
  • MicroJS :
    Microjs网址应用列出了过多轻量的Javascript类库和框架,它们都非常小,大多数紧跟于五kb。那样你不须求因为只需求二个成效就要加载多少个JS的框架。
  • ★ PhoneGap :是一款开源的无绳电话机使用开拓平台,它只是只用HTML和JavaScript语言就足以塑造出能在五个活动装备上运转的使用。 Sources.
  • ★ Sencha Touch Sencha
    Touch 是1个支撑二种智能手提式有线话机平台(HUAWEI, Android, 和华为)的
    HTML伍 框架。Sencha Touch能够让你的Web App看起来像Native
    App。美貌的用户分界面组件和增多的多寡管理,全部依照最新的HTML伍和CSS三的
    WEB标准,周详包容Android和Apple iOS设备。
  • JQtouch, 是3个jQuery
    的插件,首要用于手提式有线电话机上的Webkit
    浏览器上完结部分包涵动画、列表导航、默许使用样式等各类常见UI效果的JavaScript
    库。 Sources.
  • DHTMLX
    Touch
     针对移动和触摸设备的JavaScript
    框架。DHTMLX Touch基于HTML伍,创设移动web应用。它不然则一组UI
    小工具,而是3个完整的框架,能够本着移动和触摸设备成立跨平台的web应用。它分外主流的web浏览器,用DHTMLX
    Touch成立的采纳,能够在平板电脑、魅族、Android智能手提式无线电话机等方面运行通畅。

jQuery 插件

皇家赌场手机版 64

  • Waypoints 是三个jQuery
    用来促成捕获各类滚动事件的插件,例如落到实处无翻页的剧情浏览,只怕固定有个别成分不让滚动等等。辅助主流浏览器版本。
  • Lazy
    loader 
    插件能够完毕图片的推迟加载,当网页相比长的时候,会先只加载用户视窗内的图样,视窗外的图片会等到你拖动滚动条至后边才加载,那样有效的制止了因图片过多而加载慢的害处。
  • TweenJS :
    3个简短和有力的 tweening / animation 的Javascript库。
  • Easings 类Css3的jQuery 动画插件
  • Spritely 这几个插件可以创造出如flash同样的动画片效果,比如:在页面上有一头飞动的鸟类,一个动态滚动的背景等。
  • File
    Upload, 
    jQuery
    文件上传插件4.4.一
  • Slideshow/Carousel 插件. Sources.
  • Supersized –
    全屏式的背景/幻灯片插件
  • Masonry i壹款尤其酷的自行排版插件,那款jQuery工具得以依据网格来机关排列水平和垂直成分,超过原来的css. Sources.
  • jQuery
    简单 Layout 演示,管理各类边栏式,可转移大小式的布局。
  • Flexigrid –
    jQuery 数据表插件
  • Isotope相对是一个让人疑忌的jQuery插件,你可以用它来创设动态和智能布局。你能够隐蔽和展现与过滤项目,重新排序和整理甚至越多。
  • Super
    Gestures
     jQuery
    插件能够完毕坐骨神经痛势的机能。
  • MouseWheel 是由Brandon
    Aaron开发的jQuery插件,用于加多跨浏览器的鼠标滚轮支持。
  • AutoSuggest jQuery
    插件能够让您增添1些自动完结的职能。
  • qTip 四个美观的jQuery 的工具提醒插件,那一个插件功效卓绝强劲。
  • jQuery Charts and
    graphic
     用来制作图纸。
  • jQuery Tools– The missing UI
    library

其它 jQuery 资源

HTML伍 录像播放器

皇家赌场手机版 65

  • ★ Popcorn.js 是3个HTML5Video框架,它提供了便于使用的API来四只交互式内容,让操作HTML五Video成分的品质,方法和事件变得轻便易用。 (来自Mozilla)
  • LeanBack
    Player
     HTML5录像播放器,未有借助任何JavaScript框架。援助全屏播放,音量调控,在同1个页面中播放三个录像。
    (来自Google)
  • Vid.ly 为你上传的录制提供转换职能,并且为转移后的录制创制3个短式网球站。通过Vid.ly,让你的录制能够在14种差别的浏览器和装备上海人民广播广播台播,不要求再去思量将在浏览摄像的人采Nash么设备了,以免止各各软件巨头之间的补益之争带来了不匹配,给用户带来了赫赫的困扰,短网站让您能够经过Twitter、
    推文(Tweet)等艺术有利分享录制。Vid.ly还足以因而html代码嵌入到任何网页中。Vid.ly无需付费帐户空间为一GB,无需付费帐户也未曾广播或浏
    览限制。

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,
    1款应用WebGL的在线着色器编辑器(二D/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, 1个运用html伍的canvas的
    JavaScript 库. Sources.
  • JavaScript Game
    Frameworks
     无偿的JS游戏框架列表。另,可参考 JS游戏框架列表。
  • Raphaël是1个微型的JavaScript
    库,用来简化在页面上海展览中心示向量图的行事。你能够用它在页面上绘制种种图片、并举行图片的剪切、旋转等操作。参看Javascript向量图Lib–Raphaël
  • jQuery SVG 插件让您能够了
    SVG canvas 实行互动。
  • Google chart
    tools
     – 
    参看本站的使用谷歌(Google)API做总括图
  • Arbor.js,
    是三个使用webworkers和jQuery创制的数额图形可视化JavaScript框架。它为图形协会和显示屏刷新拍卖提供了一个赶快、力导向布局算法。

JavaScript 浏览器接口 (HTML5)

皇家赌场手机版 68

  • ★ Modernizr – 是多少个专为HTML五和CSS叁 开拓的效益检查评定类库,能够依据浏览器对HTML伍 和CSS三的援救程度提供进一步便捷的前端优化方案.Sources.
    二个管用的列表cross-browser
    Polyfills
  • HTML5Shiv :
    该品种的目的是为着让IE 能鉴定识别HTML5 的因素。
  • Polyfills :
    那个种类搜集了有的代码片段其用Javascript扶助分歧的浏览器的专门意义,有个别代码必要Flash。
  • YepNopeJS :
    一个异步的条件式的加载器。Sources.
  • jQuery CSS3
    Finalise
     :
    是不是厌倦了为每贰个浏览器的CSS三属性加前缀?
  • ★ Amplify.js :一套用于web应用数据管理和应用程序通信的 jQuery
    组件库

    提供轻便易用的API接口。Amplify的目的是通过为各个数据源提供1个联合的程序接口简化各类格式数据的数据处理。Amplify的储存组件使用
    localStorage 和
    sessionStorage标准处理客户端的贮存新闻,对有个别老的浏览器帮忙大概有标题。Amplify’为jQuery的ajax方法request
    扩充了壹部分附加的特色。 Sources.
  • History.js 精粹地援助了HTML伍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 框架,被有名的 三柒signals
    用来创设他们的活动客户端。它不行取代 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 CCS叁的生成器
  • 轻易地开创 CSS3
    animations。
     Sencha
    Animator 是1个桌面应用可以为WebKit浏览器和触摸式移动装备创制 CSS三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) 模板

皇家赌场手机版 72

  • ★ HTML5
    Boilerplate
     是一个HTML5 /
    CSS /
    js模板,是落实跨浏览器正常化、品质优化,稳定的可选功用如跨域Ajax和Flash的一流执行。
    项目标开拓商称之为能力集合,目标是餍足你支付一个跨浏览器,并且面向未来的网址的供给。 Sources.
  • HTML5 starter
    pack
     是三个透彻的和有协会的目录结构,其可适合过多门类,还有一对很常用的文件,以及轻巧的Photoshop设计模板。
  • ★ Initializr 是二个HTML5模板生成器,其能够帮您在1伍秒内创立三个HTML五的种类。
  • Animated Portfolio
    Gallery
     (教程)
  • Slick MobileApp
    Website
     如若通过
    jQuery 和 CSS 制作多个手机应用的网址。
  • RSS
    Reader
     如若通过
    jQuery Mobile 制造3个冠道SS Reader
  • ★ Single Page
    Applications
     使用jQuery的朋友们
    (Backbone, Underscore, …)制造单1页面。
  • Google TV Optimized
    Templates
    ,
    守旧TV已经开端和网路融入,但日前行业依旧正在寻找之中,为此以后的网页亦会有协会上的变动。Google
    TV Optimized Templates是
    2个用HTML/JavaScript制成的开源软体,一如其名是三个对Google电视作出了最棒化的的网页范本,其特征是以遥控器作为操作的前提,令使用者无需输入任何文字就足以开始展览支配。以往除了会有专用遥控器外,还会动用智能机透过W-iFi调控谷歌 电视的主意。Optimized
    Templates的分界面中上手会展现分类,右方会展现该分类下的影片截图,影片播放、切换、全画面表示都可透过键盘上的方向键、Backspace或
    Enter等键完毕,方便将来的网址开辟职员借镜。HTML伍版的模板使用了 Google TV UI
    library, jQuery  和 Closure 。

(全文完)

Leave a Comment.