开源中最好的Web开发财富汇总,开源中最好的Web开发的能源

by admin on 2019年3月11日

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

2011/06/08 · HTML5 ·
HTML5

原来的书文出处:
b2bweb   译文出处:陈皓   

法兰西共和国Web开发人士 Julian Guézennec
整理汇总的有关Web开发的能源和目录,由陈皓翻译。

学学HTML 5编制程序和陈设

  • HTML5 Rocks : Major Feature
    Groups 的学习 HTML5 的资源 (HTML5 演示, 教程 ).
    源码
  • 很不错的 HTML5
    Dashboard

    Mozilla,效果很炫。
  • WhatWG Developers, 三个接头的
    HTML5 技术标准表达书。
  • StackOverflow :
    大名鼎鼎的技能问答式论坛。
  • Addyosmani, jQuery 和
    JavaScript 文章教程
  • Sohtanaka,
    jQuery 和 JavaScript 文章和科目

  • Nettuts+
    是贰个直面Web开发人士和布署性人士的网站,提供各样技术教程和小说,覆盖
    HTML, CSS, Javascript, CMS’s, PHP 和 Ruby on Rails.
  • Codrops, 教程和 web 资源
  • WebAppers, 最好的开源能源
  • Tutorialzine – PHP MySQL jQuery CSS
    教程, 能源和礼物
  • Mozilla JavaScript
    guide
  • codes
    snippets
    ,
    笔者自个儿征集的一些代码片段

劳务器端的软件

必发88 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
    是1个很盛行的并帮衬八个流行的操作系统的Web服务器。
  • PHP
    或然是最风靡的劳务器端的Web脚本动态处理语言。
  • 当然,还有 Ruby,
    Python,
    Erlang,
    Perl,
    Java,
    .NET,
    Android,
    C++,
    Go,Fantom,CoffeeScript,
    D, …

PHP 框架和工具

必发88 2

  • WordPress
    是3个依据博客系统的开源软件。
  • Drupal 是四个剧情管理系统 (CMS).
  • Centurion
    是三个新面世的开源 CMS ,3个灵然的 PHP5 Content Management
    Framework. 使用 Zend Framework,
    其组件坚持不渝通用,简单,清楚和可选择的统一筹划基准。
  • phpBB
    一个开源的论坛(国内的Discuz!越来越多)
  • ★ SimplePie : 超快的,易用的, RSS 和
    Atom feed PHP解析。
  • ★ PHPthumb, PHP 图片处理库
  • ★ PHPMailer
    强大的专职能的PHP邮件库
  • PubSubHubbub情商,2个大致,开放,
    server-to-server 的 pubsub (publish/subscribe) 协议——Atom and
    中华VSS的扩展。

数据库
开源中最好的Web开发财富汇总,开源中最好的Web开发的能源。

必发88 3

  • Apache CouchDB
    是三个面向文书档案的数据库管理类别。它提供以JSON 作为数据格式的REST
    接口来对其开始展览操作,并得以因此视图来支配文书档案的团队和显示。.源码.
  • MonoQL
    是三个选取PHP+ExtJS开发的MySQL数据库管理工科具。界面极像二个桌面应用程序,帮忙半数以上常用的效用包涵:表格设计,数据浏览/编辑,数据导入/导出和高等查询等。
  • MariaDB
    是MySQL的一个分层,由MySQL 开创者Monty
    Widenius
    所开发。GPL,用来对抗Oracle全部的MySQL的license的不测。自Oracle收购SUN以来,整个社区对于MySQL前途的焦虑就从未停下过。
  • SQLite
    不像常见的客户端/服务器结构范例,SQLite引擎不是个程序与之通讯的单独进程,而是连接受程序中变为它的三个重中之重部分。所以首要的通信协议是在编制程序语言内的第贰手API调用。那在费用总量、延迟时间和全体简单性上有积极的效应。整个数据库(定义、表、索引和数据本人)都在宿主主机上囤积在3个单纯的文
    件中。它的简要的陈设是由此在始发多少个作业的时候锁定任何数据文件而成就的。库达成了绝当先56%的SQL-92标准,包涵业务,正是意味着原子性、一致性、隔断性
    和持久性的(ACID),触发器和超越四分之二的扑朔迷离查询。不开始展览项目检查。你可以把字符串插入到整数列中。有些用户发现那是使数据库特别使得的翻新,越发是与无
    类型的脚本语言一起行使的时候。其余用户认为那是关键的后天不足。
  • SQL
    在线设计编辑器
    ,这一节的11分图片正是那几个在线编辑器的规范了。二个画数据库图表的在线工具。很强劲。

API 和 在线数据

必发88 4

  • ProgrammableWeb,
    最流行的Web Services 和 API 目录大全。
  • Google Data
    Protocol

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

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

必发88 5

  • CodeRun
    Studio
    1个基于JavaScript语言开发的跨平台的购并开发条件,它立足于云计算的设计思路,方便开发者在浏览器端便得以轻松手发、调节和测试和铺排网络应用程序。
  • Cloud9 IDE
    1个基于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
    3个轻量级的依照浏览器的所见即所得编辑器,支持近期流行的种种浏览器,由JavaScript写成。
  • Ext Designer
    是3个桌面应用工具,帮忙你快捷支付基于ExtJS 的用户界面。

  • LucidChart,一款基于最新的html5技能的在线图表绘制软件,功效强大,速度快捷,运维此软件必要支持html5的浏览器。
  • Balsamiq Mockups,
    产品设计师绘制线框图或制品原型界面的利器。
  • Color Scheme Designer 3 –
    三个免费的线上调色工具
  • Pixlr,
    是一个来源瑞典基于Flash的免费在线图片处理网站。除了操作介面和成效相近Photoshop,照旧多语言版本,协助简体普通话。
  • Aviary, 是1个基于HTML5
    的在线图片处理工科具,能够很不难的对图纸展开后期处理。 Aviary
    API
  • Favicon Generator,
    线上favicon(16×16)制作工具。

代码能源和版本控制

必发88 6

  • GitHub
    是2个用来选用Git版本控制体系的档次的基于网络的存取服务。
  • Git
    是贰个由Linus为了更好地管理linux内核开发而创制的分布式版本控制/软件配置管理软件。其巨快无比,高效,采纳了分布式版本库的格局,不必服务器端软件帮忙,使源代码的发布和沟通极其方便。
  • Google Code
    谷歌公司合法的开发者网站,包含各样开发技术的API、开发工具、以及开发技术参考资料。
  • Google Libraries
    API
    谷歌将好好的 JavaScript 框架陈设在其 CDN 上,在我们的网站上使用 谷歌Libraries API 能够加快 JavaScript 框架的加载速度。
  • Snipplr
    二个绽放的源代码技巧分享社区,号称Code
    2.0。和一般的源码分享网站区别,它针对的并不是巨型网站源码,而是一些编制程序的代码技巧。

JavaScript 桌面应用框架

必发88 7

  • jQuery 是3个急忙、不难的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框架。首要由三大模块组成:Core、Dijit、DojoX。Core提供
    Ajax,events,packaging,CSS-based
    querying,animations,JSON等相关操作API。Dijit是八个可变换皮肤,基于模板的WEB
    UI控件库。DojoX包蕴部分翻新/新颖的代码和控件:DateGrid,charts,离线应用,跨浏览器矢量绘图等。
  • 开源中最好的Web开发财富汇总,开源中最好的Web开发的能源。Ext JS 4,
    行业内部最有力的 JavaScript framework。
  • PHP.js, 一个开源的JavaScript
    库,它尝试在JavaScript 中贯彻PHP 函数。在您的档次中程导弹入PHP.JS
    库,能够在静态页面使用你喜欢的PHP 函数。

JavaScript 运动和触摸框架

必发88 8

  • jQuery Mobile : 是 jQuery
    在表哥大上和机械设备上的版本。jQuery Mobile
    不仅会给主流移动平台带来jQuery大旨库,而且会揭橥2个完好统一的jQuery移动UI框架。匡助全球主流的位移平台。jQuery
    Mobile开发公司说:能支付这几个体系,大家非凡欢喜。移动Web太急需叁个跨浏览器的框架,让开发职员开发出真正的运动Web网站。我们将尽全力去满意那样的须要。 Sources.
  • Zepto.js Zepto.js
    是永葆移动Web基特浏览器的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创设的采取,能够在三星平板、OPPO、Android智能手提式有线电话机等方面运维通畅。

jQuery 插件

必发88 9

  • Waypoints
    是贰个jQuery
    用来落到实处捕获各类滚动事件的插件,例如落到实处无翻页的内容浏览,也许固定某些元素不让滚动等等。扶助主流浏览器版本。
  • Lazy loader
    插件能够兑现图片的延迟加载,当网页比较长的时候,会先只加载用户视窗内的图片,视窗外的图片会等到您拖动滚动条至前边才加载,那样有效的防止了因图片过多而加载慢的害处。
  • TweenJS :
    2个简练和有力的 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 录制播放器

必发88 10

  • Popcorn.js
    是二个HTML5
    Video框架,它提供了便于使用的API来一同交互式内容,让操作HTML5
    Video成分的性格,方法和事件变得简单易用。 (来自Mozilla)
  • LeanBack
    Player

    HTML5录像播放器,没有正视任何JavaScript框架。补助全屏播放,音量控制,在同三个页面中播放八个录制。
    (来自谷歌)
  • Vid.ly
    为您上传的录像提供转换职能,并且为转移后的录像成立三个短网址。通过Vid.ly,让你的录制能够在14种区别的浏览器和设备上播报,不必要再去考虑将
    要浏览录制的人利用什么设备了,以幸免各各软件巨头之间的好处之争带来了不包容,给用户带来了巨大的麻烦,短式网球址让你能够通过推特、
    推特等方法方便分享录像。Vid.ly还足以经过html代码嵌入到其它网页中。Vid.ly免费帐户空间为1GB,免费帐户也从不广播或浏
    览限制。

JavaScript
旋律处理与可视化效果

必发88 11

  • ★ 使用HTML5 和 Flash, SoundManager
    V2

    只用单一API的提供了可靠,简单和强劲的跨平台的音频处理。
  • DSP,
    JavaScript的声音Digital Signal Processing
  • The Radiolab Hyper Audio Player
    v1, 带给你 WNYC Radiolab, SoundCloud 和 Mozilla Drumbeat
  • jPlayer, 1个 jQuery HTML5 音频/
    摄像库,成效齐全的API

JavaScript 图形 和 3D

必发88 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)

必发88 13

  • Modernizr – 是一个专为HTML5
    和CSS3 开发的功力检查和测试类库,能够遵照浏览器对HTML5 和CSS3
    的支撑程度提供越来越方便人民群众的前端优化方案.Sources.
    1个实惠的列表 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 工具

必发88 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 。

客户端和模拟器

必发88 15

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

CSS3 和 字库

必发88 16

  • CSS3 Maker CCS3的生成器
  • 不难地开创 CSS3
    animations。
    Sencha
    Animator 是二个桌面应用可以为WebKit浏览器和触摸式移动设备创立 CSS3
    animations 。
  • CSSwarp – CSS 文本扭曲生成器
  • Gradient Editor,
    2个无敌的Photoshop式的CSS 渐变编写翻译器。来自 ColorZilla
  • Google Web Fonts 通过GoogleWeb Fonts API 能够浏览全部的字体
  • @font-face Kit
    Generator
    ,
    为Web转换字体
  • Typetester, 相比字体。
  • Media Queries. 一组 responsive web
    设计。
  • Pattern TAP, UI组件。

Website (FULL) 模板

必发88 17

  • HTML5 Boilerplate
    是一个HTML5/ CSS /
    js模板,是贯彻跨浏览器平常化、质量优化,稳定的可选功用如跨域Ajax和Flash的顶级实践。
    项指标开发商称之为技巧集合,指标是满意你支付1个跨浏览器,并且面向现在的网站的必要。
    Sources.
  • HTML5 starter
    pack

    是3个根本的和有团体的目录结构,其可适合广大门类,还有部分很常用的文书,以及简单的Photoshop设计模板。
  • Initializr 是2个HTML5
    模板生成器,其能够帮您在15秒内成立二个HTML5的品种。
  • Animated Portfolio
    Gallery

    (教程)
  • Slick MobileApp
    Website

    即使因此 jQuery 和 CSS 制作1个手机使用的网站。
  • RSS
    Reader

    假若由此 jQuery Mobile 创立1个奇骏SS Reader
  • Single Page
    Applications

    使用jQuery的爱人们 (Backbone, Underscore, …)成立单一页面。
  • Google TV Optimized
    Templates
    ,
    守旧TV已经初阶和网路融合,但当下产业仍旧正在寻找之中,为此现在的网页亦会有组织上的改观。Google
    TV Optimized Templates是
    3个用HTML/JavaScript制成的开源软体,一如其名是1个对谷歌(Google)TV作出了最佳化的的网页范本,其特色是以遥控器作为操作的前提,令使用者无需输入任何文字就足以开始展览控制。今后除外会有专用遥控器外,还会利用智能手机透过W-iFi控制谷歌 TV的方法。Optimized
    Templates的界面中左边会议及展览示分类,右方会呈现该分类下的电影截图,影片播放、切换、全画面表示都可透过键盘上的方向键、Backspace或
    Enter等键完毕,方便今后的网站开发职员借镜。HTML5 版的模版使用了
    Google TV UI library, jQuery
    和 Closure 。

(全文完)

 

1 赞 5 收藏
评论

必发88 18

来源:

小说来源:Best “must know” open sources to build the new Web。个人感觉那几个采访贴收集成相当的全。

文/陈皓

文章来源:Best “must know” open sources to
build the new
Web。个人感觉那一个采访贴收集成万分的全。

上学HTML 5编程和布署性

必发88 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。个人感觉那几个采访贴收集成11分的全。

上学HTML 5编程和统一筹划

必发88 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
    ,
    小编本身征集的部分代码片段

劳务器端的软件

必发88 21

  • ★ Node.js 是劳务器端的 JavaScript
    环境,其采纳了异步事件驱动形式。其让Node.js在重重网络应用系统布局下得到足够不易的品质。 源码 和 实时演示。
  • PhantomJS 也是七个服务器端的
    JavaScript API的WebKit。其协助种种Web标准: DOM 处理, CSS 选取器,
    JSON, Canvas, 和 SVG
  • Lighttpd 3个轻量级的开源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编制程序和设计

劳动器端的软件

必发88 22

  • ★ Node.js 是劳动器端的
    JavaScript
    环境,其选用了异步事件驱动方式。其让Node.js在重重互连网选拔体系布局下获得充足正确的习性。 源码 和 实时演示。
  • PhantomJS 也是三个劳动器端的
    JavaScript API的WebKit。其援助各样Web标准: DOM 处理, CSS 选择器,
    JSON, Canvas, 和 SVG
  • Lighttpd 贰个轻量级的开源Web服务器。消息,文档,benchmarks,
    bugs, 和 download. Lighttpd 支撑了多少个相当有名的 Web 2.0
    网站,如:YouTube, wikipedia 和 meebo.
  • NGinx,
    质量巨高无比的轻量级的Web服务器。比Apache高多了。花了6年的岁月,终于走到了1.0版。
  • Apache HTTP
    Server
     是二个很盛行的并支持八个流行的操作系统的Web服务器。
  • ★ PHP 恐怕是最流行的劳动器端的Web脚本动态处理语言。
  • 当然,还有 RubyPythonErlangPerlJava.NETAndroidC++Go, Fantom,CoffeeScriptD, …

PHP 框架和工具

必发88 23

  • ★ WordPress 是二个依据博客系统的开源软件。参看《WordPress是怎么赢的?》
  • Drupal 是2个剧情管理系统 (CMS).
  • Centurion 是一个新出现的开源
    CMS ,二个灵然的 PHP5 Content Management Framework. 使用 Zend
    Framework, 其组件坚韧不拔通用,简单,清楚和可选择的筹划条件。
  • phpBB 2个开源的论坛(国内的Discuz!更加多)
  • ★ SimplePie : 超快的,易用的,  RSS  和
    Atom feed PHP解析。
  • ★ PHPthumb, PHP 图片处理库
  • ★ PHPMailer 强大的全职能的PHP邮件库
  • PubSubHubbub钻探,三个不难,开放,
    server-to-server 的 pubsub (publish/subscribe) 协议——Atom and
    中华VSS的扩展。
  • 更加多的请参见
    – 十多少个你应该通晓PHP库 和 九个有力免费的PHP库

必发88 24

PHP 框架和工具

必发88 25

  • ★ WordPress 是三个根据博客系统的开源软件。参看《WordPress是怎么赢的?》
  • Drupal 是1个剧情管理系统
    (CMS).
  • Centurion 是一个新出现的开源
    CMS ,二个灵然的 PHP5 Content Management Framework. 使用 Zend
    Framework, 其组件锲而不舍通用,简单,清楚和可选用的宏图条件。
  • phpBB 1个开源的论坛(国内的Discuz!越多)
  • ★ SimplePie :
    超快的,易用的, RSS 和 Atom feed PHP解析。
  • ★ PHPthumb,
    PHP 图片处理库
  • ★ PHPMailer 强大的全职能的PHP邮件库
  • PubSubHubbub探讨,3个简易,开放,
    server-to-server 的 pubsub (publish/subscribe) 协议——Atom and
    KoleosSS的扩充。
  • 越多的请参考 – 十多少个你应当驾驭PHP库 和 7个有力免费的PHP库

数据库

必发88 26

  • ★ Apache
    CouchDB
     是1个面向文档的数据库管理种类。它提供以JSON
    作为数据格式的REST
    接口来对其进展操作,并得以透过视图来支配文书档案的团体和表现。.源码.
  • MonoQL 是多个运用PHP+ExtJS开发的MySQL数据库管理工具。界面极像一个桌面应用程序,协助超越1/4常用的职能包含:表格设计,数据浏览/编辑,数据导入/导出和高档查询等。
  • MariaDB 是MySQL的1个分段,由MySQL
    开创者Monty Widenius
    所开发。GPL,用来对抗Oracle全体的MySQL的license的意外。自Oracle收购SUN以来,整个社区对此MySQL前途的焦虑就从未终止过。
  • ★ SQLite 不像常见的客户端/服务器结构范例,SQLite引擎不是个程序与之通讯的单身进度,而是连接受程序中变成它的3个主要部分。所以最首要的通讯协议是在编制程序语言内的直白API调用。那在开销总量、延迟时间和完整不难性上有积极的意义。整个数据库(定义、表、索引和多少本人)都在宿主主机上囤积在贰个十足的公文中。它的简练的布署性是通过在初步2个事情的时候锁定任何数据文件而做到的。库实现了多数的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+ 是3个面对Web开发职员和安排性职员的网站,提供种种技能教程和小说,覆盖
    HTML, CSS, Javascript, CMS’s, PHP 和 Ruby on Rails.
  • Codrops, 教程和 web 资源
  • WebAppers, 最好的开源财富
  • Tutorialzine – PHP MySQL jQuery CSS
    教程, 财富和红包
  • Mozilla JavaScript
    guide
  • codes
    snippets
    ,
    作者自个儿征集的一对代码片段

数据库

必发88 27

  • ★ Apache
    CouchDB
     是2个面向文书档案的数据库管理体系。它提供以JSON
    作为数据格式的REST
    接口来对其展开操作,并能够通过视图来控制文书档案的集体和显现。.源码.
  • MonoQL 是1个应用PHP+ExtJS开发的MySQL数据库管理工科具。界面极像三个桌面应用程序,协理大多数常用的效应包含:表格设计,数据浏览/编辑,数据导入/导出和高级查询等。
  • MariaDB 是MySQL的贰个分支,由MySQL
    创办者Monty Widenius
    所开发。GPL,用来对抗Oracle全数的MySQL的license的竟然。自Oracle收购SUN以来,整个社区对于MySQL前途的忧虑就不曾平息过。
  • ★ SQLite 不像常见的客户端/服务器结构范例,SQLite引擎不是个程序与之通讯的独自进程,而是连接受程序中变成它的1个要害部分。所以首要的通讯协议是在编制程序语言内的直白API调用。那在花费总量、延迟时间和总体不难性上有积极的效用。整个数据库(定义、表、索引和数量本人)都在宿主主机上囤积在多个纯粹的文本中。它的简易的宏图是由此在上马一个事情的时候锁定任何数据文件而做到的。库达成了绝超越54%的SQL-92标准,包涵工作,就是表示原子性、一致性、隔开分离性和持久性的(ACID),触发器和超越4/8的纷纭查询。不举办项目检查。你能够把字符串插入到整数列中。有些用户发现那是使数据库特别有效的换代,尤其是与无类型的脚本语言一起行使的时候。其余用户认为那是重庆大学的欠缺。
  • SQL
    在线设计编辑器
    ,这一节的那多少个图片正是那一个在线编辑器的样子了。贰个画数据库图表的在线工具。很有力。

API 和 在线数据

必发88 28

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

劳务器端的软件

API 和 在线数据

必发88 29

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

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

必发88 30

  • ★ CodeRun
    Studio
    1个基于JavaScript语言开发的跨平台的合并开发条件,它立足于云总结的统一筹划思路,方便开发者在浏览器端便得以轻松手发、调节和测试和安顿互联网应用程序。(参看《Coderun.com
    在线开发IDE》)
  • Cloud9 IDE –
    1个基于Node.JS创设的JavaScript程序开发Web
    IDE。它富有3个12分快的文本编辑器帮助为JS, HTML,
    CSS和那两种的叶影参差代码实行着色展现。
  • ★ jsFiddle –
    Javascript的在线运转换体制现框架,这一个工具得以有效的相助web前端开发职员来有效分享和示范前端效果,其简单而强大
    (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML,
    CSS)
  • Akshell,一种云服务,它应用服务端的JavaScript和在线的IDE援救开发者进行高效应用程序开发。
    它还提供云托管,所以布署是即时的。
  • JSONeditor,
    一个好用的JSON 编辑器
  • ★ TinyMCE 3个轻量级的基于浏览器的所见即所得编辑器,援救如今盛行的各类浏览器,由JavaScript写成。
  • Ext
    Designer
     是贰个桌面应用工具,辅助您连忙支付基于ExtJS
    的用户界面。

  •  LucidChart,一款基于最新的html5技巧的在线图表绘制软件,功效强大,速度迅猛,运转此软件须求辅助html5的浏览器。
  • Balsamiq Mockups,
    产品设计师绘制线框图或产品原型界面的利器。
  • Color Scheme Designer 3
    – 三个免费的线上调色工具
  • ★ Pixlr,
    是二个来源于瑞典王国基于Flash的免费在线图片处理网站。除了操作介面和坚守类似Photoshop,如故多语言版本,辅助简体普通话。(在此以前酷壳介绍过)
  • Aviary, 是3个根据HTML5
    的在线图片处理工科具,能够很简单的对图纸展开中期处理。 Aviary
    API
  • Favicon
    Generator, 
    线上favicon(16×16)制作工具。

必发88 31

在线代码和传媒编辑器

必发88 32

  • ★ CodeRun
    Studio
    三个基于JavaScript语言开发的跨平台的合并开发环境,它立足于云计算的宏图思路,方便开发者在浏览器端便得以轻松开发、调试和配备网络应用程序。(参看《Coderun.com
    在线开发IDE》)
  • Cloud9
    IDE
     –
    贰个依据Node.JS营造的JavaScript程序开发Web
    IDE。它具有3个异常的快的文本编辑器支持为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,一款基于最新的html5技巧的在线图表绘制软件,功用强大,速度迅猛,运维此软件要求帮助html5的浏览器。
  • Balsamiq
    Mockups
    ,
    产品设计师绘制线框图或产品原型界面包车型客车利器。
  • Color Scheme
    Designer
     3 –
    三个免费的线上调色工具
  • ★ Pixlr,
    是一个来源于瑞典王国基于Flash的免费在线图片处理网站。除了操作介面和职能相近Photoshop,依旧多语言版本,帮忙简体中文。(从前酷壳介绍过)
  • Aviary,
    是1个基于HTML5
    的在线图片处理工科具,可以很不难的对图纸展开中期处理。 Aviary
    API
  • Favicon
    Generator, 
    线上favicon(16×16)制作工具。

代码能源和版本控制

必发88 33

  • ★ GitHub 是多少个用于选用Git版本控制种类的类其他依据网络的存取服务。
  • Git 是一个由Linus为了更好地管理linux内核开发而创办的分布式版本控制/软件配置管理软件。其巨快无比,高效,选用了分布式版本库的法子,不必服务器端软件帮助,使源代码的公布和沟通极其方便。
  • Google
    Code
     谷歌(谷歌)公司法定的开发者网站,包蕴各类开发技术的API、开发工具、以及开发技术参考资料。
  • Google Libraries
    API
     Google将优秀的 JavaScript 框架安插在其 CDN 上,在我们的网站上利用 谷歌Libraries API 能够加速 JavaScript 框架的加载速度。
  • Snipplr 2个开花的源代码技巧分享社区,号称Code
    2.0。和一般的源码分享网站不一致,它针对的并不是重型网站源码,而是一些编制程序的代码技巧。
  • ★ 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,

代码能源和版本控制

必发88 34

  • ★ GitHub 是一个用以采纳Git版本控制连串的档次的依照互联网的存取服务。
  • Git 是二个由Linus为了更好地管理linux内核开发而创设的分布式版本控制/软件配置管理软件。其巨快无比,高效,选用了分布式版本库的不二法门,不必服务器端软件补助,使源代码的透露和沟通极其方便。
  • Google
    Code
     谷歌(Google)公司官方的开发者网站,包蕴种种开发技术的API、开发工具、以及开发技术参考资料。
  • Google Libraries
    API
     谷歌将大好的 JavaScript 框架铺排在其 CDN 上,在我们的网站上行使 GoogleLibraries API 能够加快 JavaScript 框架的加载速度。
  • Snipplr 三个盛开的源代码技巧分享社区,号称Code
    2.0。和一般的源码分享网站不一致,它针对的并不是重型网站源码,而是一些编制程序的代码技巧。

JavaScript 桌面应用框架

必发88 35

  • ★ jQuery 是三个快捷、简单的JavaScript
    library, 它简化了HTML 文件的traversing,事件处理、动画、Ajax
    互动,从而有利于了网页制作的连忙前进。  源码, API, API浏览, 很不利的文书档案.
  • ★ 官方的 jQuery User Interface (UI)
    library
     (演示和文书档案). 源码,Themes
    Roller, Download.
  • 必发88,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是3个可更换皮肤,基于模板的WEB
    UI控件库。DojoX包涵一些更新/新颖的代码和控件:DateGrid,charts,离线应用,跨浏览器矢量绘图等。
  • ★ Ext JS 4,
    行业内部最有力的 JavaScript framework。
  • PHP.js, 贰个开源的JavaScript
    库,它尝试在JavaScript 中贯彻PHP
    函数。在你的档次中程导弹入PHP.JS 库,能够在静态页面使用你喜欢的PHP
    函数。

PHP 框架和工具

JavaScript 桌面应用框架

必发88 36

  • ★ jQuery 是一个飞跃、不难的JavaScript
    library, 它简化了HTML 文件的traversing,事件处理、动画、Ajax
    互动,从而方便了网页制作的短平快上扬。 源码, API, API浏览, 很科学的文书档案.
  • ★ 官方的 jQuery User Interface (UI)
    library
     (演示和文书档案). 源码,Themes
    Roller, Download.
  • YUI
    2
     — Yahoo! User
    Interface Library
  • Mootools,
    2个超级轻量级的 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 移动和触摸框架

必发88 37

  • ★ jQuery Mobile : 是 jQuery
    在二哥大上和机械设备上的本子。jQuery Mobile
    不仅会给主流移动平台带来jQuery大旨库,而且会公布二个整体统一的jQuery移动UI框架。扶助整个世界主流的移动平台。jQuery
    Mobile开发协会说:能支付那么些类型,大家这一个喜悦。移动Web太急需1个跨浏览器的框架,让开发职员开发出真正的移位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 是贰个支撑三种智能手提式有线电话机平台(Samsung, 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智能手提式无线话机等地点运转流畅。

必发88 38

JavaScript 移动和触摸框架

必发88 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类库和框架,它们都不大,超越57%稍差于5kb。这样你不要求因为只须求一个功用就要加载1个JS的框架。
  • ★ PhoneGap :是一款开源的无绳电话机选用开发平台,它只是只用HTML和JavaScript语言就能够制作出能在多个运动装备上运转的使用。 Sources.
  • ★ Sencha
    Touch
     Sencha Touch
    是贰个援助两种智能手提式有线电话机平台(Nokia, Android, 和Nokia)的 HTML5
    框架。Sencha Touch能够让你的Web App看起来像Native
    App。赏心悦目的用户界面组件和添加的数目管理,全体依据最新的HTML5和CSS3的
    WEB标准,周详包容Android和Apple iOS设备。
  • JQtouch,
    是1个jQuery 的插件,首要用来手提式有线电话机上的Webkit
    浏览器上落到实处部分席卷动画、列表导航、暗许使用样式等各个常见UI效果的JavaScript
    库。 Sources.
  • DHTMLX
    Touch
     针对移动和触摸设备的JavaScript
    框架。DHTMLX Touch基于HTML5,创造移动web应用。它不只是一组UI
    小工具,而是七个完好无缺的框架,能够针对移动和触摸设备创造跨平台的web应用。它格外主流的web浏览器,用DHTMLX
    Touch成立的采用,能够在华为平板、Samsung、Android智能手提式有线电话机等地点运行通畅。

jQuery 插件

必发88 40

  • Waypoints 是二个jQuery
    用来落到实处捕获种种滚动事件的插件,例如落到实处无翻页的始末浏览,只怕固定有个别成分不让滚动等等。协理主流浏览器版本。
  • Lazy
    loader 
    插件能够完毕图片的延期加载,当网页相比长的时候,会先只加载用户视窗内的图纸,视窗外的图片会等到你拖动滚动条至前边才加载,那样有效的防止了因图片过多而加载慢的坏处。
  • TweenJS :
    多个简单易行和强有力的 tweening / animation 的Javascript库。
  • Easings 类Css3的jQuery 动画插件
  • Spritely 这些插件可以创建出如flash一样的卡通片效果,比如:在页面上有3只飞动的飞禽,叁个动态滚动的背景等。
  • 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 是3个新面世的开源
    CMS ,三个灵然的 PHP5 Content Management Framework. 使用 Zend
    Framework, 其组件百折不回通用,不难,清楚和可选取的统一筹划规范。
  • phpBB 三个开源的论坛(国内的Discuz!更加多)
  • ★ SimplePie : 超快的,易用的,  RSS  和
    Atom feed PHP解析。
  • ★ PHPthumb, PHP 图片处理库
  • ★ PHPMailer 强大的全职能的PHP邮件库
  • PubSubHubbub协和,一个简易,开放,
    server-to-server 的 pubsub (publish/subscribe) 协议——Atom and
    牧马人SS的壮大。
  • 越来越多的请参见
    – 21个你应该了然PHP库 和 捌个有力免费的PHP库

jQuery 插件

必发88 41

  • Waypoints 是3个jQuery
    用来落到实处捕获各类滚动事件的插件,例如落实无翻页的剧情浏览,或然固定有些成分不让滚动等等。支持主流浏览器版本。
  • Lazy
    loader 
    插件能够完成图片的延迟加载,当网页比较长的时候,会先只加载用户视窗内的图片,视窗外的图片会等到您拖动滚动条至后边才加载,那样有效的防止了因图片过多而加载慢的害处。
  • TweenJS :
    一个简练和有力的 tweening / animation 的Javascript库。
  • Easings 类Css3的jQuery
    动画插件
  • Spritely 那么些插件能够制造出如flash一样的动画效果,比如:在页面上有2只飞动的小鸟,3个动态滚动的背景等。
  • File
    Upload, 
    jQuery
    文件上传插件4.4.1
  • Slideshow/Carousel 插件. Sources.
  • Supersized –
    全屏式的背景/幻灯片插件
  • Masonry i一款尤其酷的机关排版插件,那款jQuery工具得以根据网格来机关排列水平和垂直成分,超过原来的css. Sources.
  • jQuery 简单 Layout 演示,管理种种边栏式,可转移大小式的布局。
  • Flexigrid –
    jQuery 数据表插件
  • Isotope纯属是二个令人狐疑的jQuery插件,你能够用它来创立动态和智能布局。你可以隐蔽和呈现与过滤项目,重新排序和整理甚至更加多。
  • Super
    Gestures
     jQuery
    插件能够兑现扁平足势的职能。
  • MouseWheel 是由Brandon亚伦开发的jQuery插件,用于添加跨浏览器的鼠标滚轮援救。
  • AutoSuggest jQuery
    插件可以让您添加一些活动完结的成效。
  • qTip 3个一石两鸟的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 录制播放器

必发88 42

  • ★ Popcorn.js 是多少个HTML5
    Video框架,它提供了便于使用的API来二头交互式内容,让操作HTML5
    Video元素的质量,方法和事件变得简单易用。 (来自Mozilla)
  • LeanBack
    Player
     HTML5摄像播放器,没有依赖任何JavaScript框架。协助全屏播放,音量控制,在同三个页面中播放几个录制。
    (来自谷歌)
  • Vid.ly 为您上传的录制提供转换职能,并且为转移后的摄像创制2个短式网球址。通过Vid.ly,让您的录制能够在14种不一致的浏览器和装备上广播,不须求再去考虑将要浏览摄像的人选取什么设备了,以制止各各软件巨头之间的功利之争带来了不匹配,给用户带来了高大的困扰,短式网球址让你能够透过Facebook、推特(TWTR.US)(TWTHaval.US)等艺术方便分享摄像。Vid.ly还足以由此html代码嵌入到别的网页中。Vid.ly免费帐户空间为1GB,免费帐户也未曾广播或浏览限制。

必发88 43

HTML5 录像播放器

必发88 44

  • ★ Popcorn.js 是叁个HTML5
    Video框架,它提供了不难使用的API来一块交互式内容,让操作HTML5
    Video成分的性质,方法和事件变得简单易用。 (来自Mozilla)
  • LeanBack
    Player
     HTML5录制播放器,没有依赖任何JavaScript框架。协助全屏播放,音量控制,在同3个页面中播放多少个录像。
    (来自谷歌(Google))
  • Vid.ly 为您上传的录制提供转换职能,并且为转移后的录像创设八个短式网球址。通过Vid.ly,让您的录像能够在14种区别的浏览器和设备上播放,不须求再去考虑将要浏览录像的人接Nash么设备了,以制止各各软件巨头之间的好处之争带来了不般配,给用户带来了宏伟的苦恼,短式网球址让您可以经过照片墙、照片墙等办法有利分享摄像。Vid.ly还足以因而html代码嵌入到任何网页中。Vid.ly免费帐户空间为1GB,免费帐户也并未广播或浏览限制。

JavaScript 音频处理与可视化效果

必发88 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数据库管理工科具。界面极像3个桌面应用程序,帮忙大部分常用的效力包涵:表格设计,数据浏览/编辑,数据导入/导出和高级查询等。
  • MariaDB 是MySQL的多个分段,由MySQL
    创办者Monty Widenius
    所开发。GPL,用来对抗Oracle全体的MySQL的license的意外。自Oracle收购SUN以来,整个社区对此MySQL前途的焦虑就从未止住过。
  • ★ SQLite 不像常见的客户端/服务器结构范例,SQLite引擎不是个程序与之通讯的单身进度,而是连接受程序中变成它的二个珍视部分。所以最主要的通讯协议是在编制程序语言内的直接API调用。这在费用总量、延迟时间和完整简单性上有积极的功能。整个数据库(定义、表、索引和多少本身)都在宿主主机上囤积在3个十足的文
    件中。它的简练的规划是通过在上马1个事情的时候锁定任何数据文件而做到的。库实现了绝超过53%的SQL-92标准,包蕴工作,正是象征原子性、一致性、隔绝性
    和持久性的(ACID),触发器和半数以上的纷纭查询。不实行项目检查。你能够把字符串插入到整数列中。有个别用户发现那是使数据库特别有效的革新,特别是与无
    类型的脚本语言一起行使的时候。别的用户认为那是至关心注重要的欠缺。
  • SQL
    在线设计编辑器
    ,这一节的不胜图片正是这几个在线编辑器的规范了。一个画数据库图表的在线工具。很强劲。

JavaScript 音频处理与可视化效果

必发88 46

  • ★ 使用HTML5 和 Flash, SoundManager
    V2
     只用单一API的提供了牢靠,简单和强有力的跨平台的音频处理。
  • DSP,
    JavaScript的声音Digital Signal Processing
  • The Radiolab Hyper Audio
    Player
     v1, 带给你 WNYC
    Radiolab, SoundCloud 和 Mozilla Drumbeat
  • jPlayer, 3个jQuery HTML5 音频/ 录制库,作用齐全的API

JavaScript 图形 和 3D

必发88 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
     –
     参看本站的应用谷歌(Google)API做总计图
  • Arbor.js, 是一个用到webworkers和jQuery创制的数据图形可视化JavaScript框架。它为图形组织和荧屏刷新拍卖提供了一个飞跃、力导向布局算法。

API 和 在线数据

JavaScript 图形 和 3D

必发88 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是1个微型的JavaScript
    库,用来简化在页面上出示向量图的工作。你能够用它在页面上制图各个图片、并开始展览图纸的划分、旋转等操作。参看Javascript向量图Lib–Raphaël
  • jQuery
    SVG
     插件让你能够了 SVG
    canvas 实行互动。
  • Google chart
    tools
     –
    参看本站的使用谷歌API做总计图
  • Arbor.js,
    是二个用到webworkers和jQuery成立的数量图形可视化JavaScript框架。它为图形协会和荧屏刷新拍卖提供了三个飞快、力导向布局算法。

JavaScript 浏览器接口 (HTML5)

必发88 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的靶子是经过为各样数据源提供3个合并的程序接口简化各样格式数据的数量处理。Amplify的贮存组件使用localStorage

    sessionStorage标准处理客户端的积存音讯,对有的老的浏览器扶助恐怕不经常。Amplify’为jQuery的ajax方法request扩张了一些外加的风味。 Sources.
  • History.js 精粹地协理了HTML5
    History/State APIs
  • Socket.IO Web的socket编程。

必发88 50

JavaScript 浏览器接口 (HTML5)

必发88 51

  • ★ Modernizr –
    是二个专为HTML5 和CSS3 开发的效果检查和测试类库,能够根据浏览器对HTML5
    和CSS3 的帮助程度提供进一步方便的前端优化方案.Sources.
    2个立见成效的列表 cross-browser
    Polyfills
  • HTML5Shiv :
    该品种的目标是为了让IE 能辨识HTML5 的因素。
  • Polyfills :
    这一个体系募集了一部分代码片段其用Javascript扶助不相同的浏览器的专门意义,有些代码必要Flash。
  • YepNopeJS :
    3个异步的条件式的加载器。Sources.
  • jQuery CSS3
    Finalise
     :
    是或不是厌倦了为每三个浏览器的CSS3属性加前缀?
  • ★ Amplify.js :一套用于web应用数据管理和应用程序通讯的 jQuery
    组件库
    。提供简单易用的API接口。Amplify的对象是由此为各个数据源提供3个统一的程序接口简化各个格式数据的多少处理。Amplify的存款和储蓄组件使用localStorage

    sessionStorage标准处理客户端的蕴藏音信,对一部分老的浏览器协助或然十分。Amplify’为jQuery的ajax方法request扩张了部分万分的特点。 Sources.
  • History.js 精彩地支撑了HTML5
    History/State APIs
  • Socket.IO Web的socket编程。

JavaScript 工具

必发88 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是1个前端
    JS 代码 MVC 框架,被盛名的 37signals
    用来创设他们的移位客户端。它不行取代 Jquery,不可代替现有的Template
    库。而是和这几个组合起来塑造复杂的 web
    前端交互使用。倘若项目事关大气的 javascript
    代码,完毕广大错综复杂的前端交互成效,首先你会想到把多少和显示分离。使用
    Jquery 的 selector 和 callback
    能够轻松做到那点。不过对于富客户端的WEB应用多量代码的结构化组织十分须求。Backbone
    就提供了 javascript 代码的团协会的效益。Backbone 首要不外乎 models,
    collections, views 和 events, controller 。
  • ProgrammableWeb,
    最盛行的Web 瑟维斯s 和 API 目录大全。
  • Google Data
    Protocol
     一组谷歌服务的数据服务API。
  • Yahoo! Developer
    Network
     – APIs 和
    Tools
  • Yahoo!
    Pipes
     可视化在线编制程序工具,它是八个用来过滤、转换和汇聚网页内容的劳务。
  • ★ The Yahoo! Query
    Language
     三个很像
    SQL的网页查询工具。

JavaScript 工具

必发88 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 。

客户端和模拟器

必发88 54

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

在线代码和媒体编辑器

客户端和模拟器

必发88 55

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

    输入三个你想要测试的U智跑L……
  • Android
    browser
     模拟器
  • iPhone
    browser
     模拟器
  • Opera
    browser
     模拟器
  • ★ Firebug 与 Firefox 集成,能够查阅和调节你的Web页面。

CSS3 和 字库

必发88 56

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

必发88 57

CSS3 和 字库

必发88 58

  • ★ CSS3
    Maker
     CCS3的生成器
  • 不难地创造 CSS3
    animations。
     Sencha
    Animator 是叁个桌面应用能够为WebKit浏览器和触摸式移动设备制造 CSS3
    animations 。
  • CSSwarp –
    CSS 文本扭曲生成器
  • Gradient
    Editor
    ,
    贰个无敌的Photoshop式的CSS 渐变编写翻译器。来自 ColorZilla
  • ★ Google Web
    Fonts
     通过谷歌 Web Fonts
    API 能够浏览全数的书体
  • @font-face Kit
    Generator
    ,
    为Web转换字体
  • Typetester,
    相比字体。
  • Media
    Queries
    . 一组 responsive web 设计。
  • Pattern
    TAP
    , UI组件。

Website (FULL) 模板

必发88 59

  • ★ HTML5
    Boilerplate
     是一个HTML5 /
    CSS /
    js模板,是贯彻跨浏览器寻常化、品质优化,稳定的可选功能如跨域Ajax和Flash的特级实践。
    项指标开发商称之为技巧集合,目标是满足你支付三个跨浏览器,并且面向以往的网站的急需。 Sources.
  • HTML5 starter
    pack
     是3个根本的和有团体的目录结构,其可适合广大门类,还有一部分很常用的文书,以及简单的Photoshop设计模板。
  • ★ Initializr 是三个HTML5
    模板生成器,其能够帮你在15秒内创造三个HTML5的项目。
  • Animated Portfolio
    Gallery
     (教程)
  • Slick MobileApp
    Website
     若是经过
    jQuery 和 CSS 制作三个有线电话选拔的网站。
  • RSS
    Reader
     如若因而jQuery Mobile 创建贰个EscortSS Reader
  • ★ Single Page
    Applications
     使用jQuery的敌人们
    (Backbone, Underscore, …)创造单一页面。
  • Google TV Optimized
    Templates
    ,
    守旧TV已经初始和网路融合,但近日产业仍旧正在摸索之中,为此以往的网页亦会有协会上的改观。Google
    TV Optimized
    Templates是一个用HTML/JavaScript制成的开源软体,一如其名是二个对谷歌电视机作出了最佳化的的网页范本,其性状是以遥控器作为操作的前提,令使用者无需输入任何文字就足以拓展控制。今后除外会有专用遥控器外,还会选择智能手提式有线电话机透过W-iFi控制谷歌(Google)电视机的情势。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 3个轻量级的依照浏览器的所见即所得编辑器,帮助最近风靡的种种浏览器,由JavaScript写成。
  • Ext
    Designer
     是二个桌面应用工具,支持您飞快支付基于ExtJS
    的用户界面。
  • ★  LucidChart,一款基于最新的html5技能的在线图表绘制软件,作用强大,速度急速,运营此软件必要协理html5的浏览器。
  • Balsamiq Mockups,
    产品设计师绘制线框图或制品原型界面包车型地铁利器。
  • Color Scheme Designer 3 –
    3个免费的线上调色工具
  • ★ Pixlr,
    是2个源于瑞典王国基于Flash的免费在线图片处理网站。除了操作介面和功用相近Photoshop,依然多语言版本,援救简体中文。(从前酷壳介绍过)
  • Aviary, 是二个依据HTML5
    的在线图片处理工科具,能够很简单的对图纸展开早先时期处理。Aviary
    API
  • Favicon
    Generator, 
    线上favicon(16×16)制作工具。

Website (FULL) 模板

必发88 60

  • ★ HTML5
    Boilerplate
     是一个HTML5 / CSS /
    js模板,是兑现跨浏览器平时化、品质优化,稳定的可选成效如跨域Ajax和Flash的特等实践。
    项指标开发商称之为技巧集合,指标是满足你支付二个跨浏览器,并且面向以后的网站的供给。Sources.
  • HTML5 starter
    pack
     是1个干净的和有集体的目录结构,其可适合过多档次,还有局地很常用的文件,以及简单的Photoshop设计模板。
  • ★ Initializr 是二个HTML5
    模板生成器,其能够帮您在15秒内成立二个HTML5的品种。
  • Animated Portfolio
    Gallery
     (教程)
  • Slick MobileApp
    Website
     固然通过
    jQuery 和 CSS 制作三个部手提式有线电话机应用的网站。
  • RSS
    Reader
     如若经过
    jQuery Mobile 创制叁个QashqaiSS 里德r
  • ★ Single Page
    Applications
     使用jQuery的心上人们
    (Backbone, Underscore, …)创造单一页面。
  • Google TV Optimized
    Templates
    ,
    古板电视已经上三宝太监网路融合,但近日产业照旧正在寻找之中,为此今后的网页亦会有结构上的改观。Google TV Optimized
    Templates是三个用HTML/JavaScript制成的开源软体,一如其名是1个对GoogleTV作出了最佳化的的网页范本,其特色是以遥控器作为操作的前提,令使用者无需输入任何文字就足以开始展览控制。未来除外会有专用遥控器外,还会利用智能手提式有线电话机透过W-iFi控制谷歌(Google)电视机的法子。Optimized
    Templates的界面中左边会议及展览示分类,右方会展现该分类下的电影截图,影片播放、切换、全画面表示都可经过键盘上的方向键、Backspace或Enter等键完结,方便现在的网站开发人员借镜。HTML5
    版的沙盘使用了 Google TV UI
    library, jQuery 和
    Closure 。

(全文完)

转自:

代码能源和版本控制

必发88 61

  • ★ GitHub 是二个用以选择Git版本控制种类的类型的依据互连网的存取服务。
  • Git 是二个由Linus为了更好地管理linux内核开发而创立的分布式版本控制/软件配置管理软件。其巨快无比,高效,选取了分布式版本库的格局,不必服务器端软件补助,使源代码的宣布和调换极其方便。
  • Google
    Code
     谷歌(谷歌)公司法定的开发者网站,包含各样开发技术的API、开发工具、以及开发技术参考资料。
  • Google Libraries
    API
     谷歌(Google)将美好的 JavaScript 框架布署在其 CDN 上,在我们的网站上使用 谷歌(Google)Libraries API 能够加快 JavaScript 框架的加载速度。
  • Snipplr 2个盛开的源代码技巧分享社区,号称Code
    2.0。和一般的源码分享网站差异,它针对的并不是巨型网站源码,而是一些编制程序的代码技巧。

JavaScript 桌面应用框架

必发88 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 移动和触摸框架

必发88 63

  • ★ jQuery Mobile : 是 jQuery
    在手提式有线电话机上和平板设备上的本子。jQuery Mobile
    不仅会给主流移动平台带来jQuery大旨库,而且会公布叁个总体统一的jQuery移动UI框架。补助满世界主流的位移平台。jQuery
    Mobile开发团队说:能支付这几个项目,大家格外欢喜。移动Web太急需1个跨浏览器的框架,让开发职员开发出真正的位移Web网站。大家将尽全力去满足那样的要求。 Sources.
  • Zepto.js Zepto.js
    是永葆活动WebKit浏览器的JavaScript框架,具有与jQuery包容的语法。2-5k的库,通过科学的API处理绝半数以上的骨干工作。 Sources.
  • MicroJS :
    Microjs网站应用列出了许多轻量的Javascript类库和框架,它们都非常的小,大多数低于5kb。那样您不须求因为只要求3个职能就要加载一个JS的框架。
  • ★ PhoneGap :是一款开源的无绳电话机应用开发平台,它但是只用HTML和JavaScript语言就足以营造出能在七个移动设备上运维的施用。 Sources.
  • ★ Sencha Touch Sencha
    Touch 是贰个支持多样智能手提式有线电话机平台(华为, Android, 和HTC)的
    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
    小工具,而是3个总体的框架,能够本着移动和触摸设备成立跨平台的web应用。它相当主流的web浏览器,用DHTMLX
    Touch成立的选择,能够在三星平板、魅族、Android智能手提式有线电话机等方面运维通畅。

jQuery 插件

必发88 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一款10分酷的机动排版插件,那款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 录制播放器

必发88 65

  • ★ Popcorn.js 是贰个HTML5
    Video框架,它提供了便于使用的API来一起交互式内容,让操作HTML5
    Video成分的属性,方法和事件变得不难易用。 (来自Mozilla)
  • LeanBack
    Player
     HTML5录像播放器,没有信赖任何JavaScript框架。协理全屏播放,音量控制,在同3个页面中播放四个摄像。
    (来自谷歌(Google))
  • Vid.ly 为你上传的录制提供转换职能,并且为转移后的摄像创设3个短式网球址。通过Vid.ly,让你的录制能够在14种差异的浏览器和设施上海人民广播广播台播,不需求再去考虑将
    要浏览录像的人利用什么设备了,以制止各各软件巨头之间的利益之争带来了不合作,给用户带来了巨大的干扰,短式网球址让你可以通过Facebook、
    Twitter等方法方便分享摄像。Vid.ly还足以透过html代码嵌入到其余网页中。Vid.ly免费帐户空间为1GB,免费帐户也向来不广播或浏
    览限制。

JavaScript 音频处理与可视化效果

必发88 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

必发88 67

  • ★ Processing.js是3个怒放的编制程序语言,在不采纳Flash或Java小程序的前提下,
    能够兑现程序图像、动画和相互的运用。其使用Web标准,无需任何插件。
  • ★ Javascript 3D
    引擎: ThreeJS 由 Mr Doob
    开发,3个轻量级的 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是3个袖珍的JavaScript
    库,用来简化在页面上海展览中心示向量图的工作。你能够用它在页面上绘制各类图片、并实行图片的分割、旋转等操作。参看Javascript向量图Lib–Raphaël
  • jQuery SVG 插件让你能够了
    SVG canvas 进行交互。
  • Google chart
    tools
     – 
    参看本站的使用谷歌(Google)API做总结图
  • Arbor.js,
    是2个用到webworkers和jQuery创立的多少图形可视化JavaScript框架。它为图形协会和显示器刷新拍卖提供了二个飞跃、力导向布局算法。

JavaScript 浏览器接口 (HTML5)

必发88 68

  • ★ Modernizr – 是三个专为HTML5
    和CSS3 开发的意义检查和测试类库,可以依照浏览器对HTML5 和CSS3
    的帮助程度提供进一步方便人民群众的前端优化方案.Sources.
    2个一蹴而就的列表cross-browser
    Polyfills
  • HTML5Shiv :
    该类型的指标是为着让IE 能辨别HTML5 的要素。
  • Polyfills :
    这一个类型收集了一部分代码片段其用Javascript扶助不相同的浏览器的专门意义,有个别代码需求Flash。
  • YepNopeJS :
    二个异步的条件式的加载器。Sources.
  • jQuery CSS3
    Finalise
     :
    是还是不是厌倦了为每3个浏览器的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 工具

必发88 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 。

客户端和模拟器

必发88 70

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

CSS3 和 字库

必发88 71

  • ★ CSS3 Maker CCS3的生成器
  • 简单地创立 CSS3
    animations。
     Sencha
    Animator 是三个桌面应用能够为WebKit浏览器和触摸式移动设备制造 CSS3
    animations 。
  • CSSwarp – CSS 文本扭曲生成器
  • Gradient Editor,
    1个无敌的Photoshop式的CSS 渐变编写翻译器。来自 ColorZilla
  • ★ Google Web Fonts 通过GoogleWeb Fonts API 能够浏览全体的书体
  • @font-face Kit
    Generator
    ,
    为Web转换字体
  • Typetester, 比较字体。
  • Media Queries. 一组 responsive web
    设计。
  • Pattern TAP, UI组件。

Website (FULL) 模板

必发88 72

  • ★ HTML5
    Boilerplate
     是一个HTML5 /
    CSS /
    js模板,是贯彻跨浏览器日常化、品质优化,稳定的可选成效如跨域Ajax和Flash的特等实践。
    项指标开发商称之为技巧集合,指标是满意你支付2个跨浏览器,并且面向未来的网站的供给。 Sources.
  • HTML5 starter
    pack
     是多个干净的和有集体的目录结构,其可适合过多档次,还有一对很常用的文件,以及不难的Photoshop设计模板。
  • ★ Initializr 是贰个HTML5
    模板生成器,其得以帮你在15秒内创造1个HTML5的品类。
  • Animated Portfolio
    Gallery
     (教程)
  • Slick MobileApp
    Website
     假设经过
    jQuery 和 CSS 制作3个有线电话接纳的网站。
  • RSS
    Reader
     若是由此jQuery Mobile 创立一个CR-VSS Reader
  • ★ Single Page
    Applications
     使用jQuery的朋友们
    (Backbone, Underscore, …)创设单一页面。
  • Google TV Optimized
    Templates
    ,
    守旧电视机已经起来和网路融合,但方今产业还是正在搜索之中,为此现在的网页亦会有组织上的改变。Google
    TV Optimized Templates是
    2个用HTML/JavaScript制成的开源软体,一如其名是三个对谷歌(Google)TV作出了最佳化的的网页范本,其特点是以遥控器作为操作的前提,令使用者无需输入任何文字就足以开始展览控制。未来除外会有专用遥控器外,还会接纳智能手机透过W-iFi控制谷歌(Google) 电视的格局。Optimized
    Templates的界面中左边会呈现分类,右方会突显该分类下的影片截图,影片播放、切换、全画面表示都可透过键盘上的方向键、Backspace或
    Enter等键完结,方便以往的网站开发人士借镜。HTML5
    版的模版使用了 Google TV UI
    library, jQuery  和 Closure 。

(全文完)

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图