【亚洲必赢官网】挪动和触摸框架,工具和库

那么些令人惊讶的 HTML、CSS、JavaScript 工具和库

2017/05/09 · 基本功技术 ·
工具,

原文出处:
oschina   

前端开发很怪异:
它入门很不难,不过想要成为大牛却很难。有太多的事情必要考虑,到处都有要求微调的地点,太多的底细处理才能确认保障让全部都碰巧好。幸运的是,开发者和设计师平素致力于为大家提供立竿见影的工具和能源,来增加大家的技艺、让大家做的更好。

之所以明日自家采访一多重省时的、有用的 HTML、CSS 和 JavaScript
能源给我们。小编期望那么些工具将救助您进步等专科高校业技能以及工作流程。

亚洲必赢官网 1

 

jQuery Easing:jQuery 动画效果扩张

HTML 和 CSS 工具

  • Initializr
    此工具创制四个依据 HTML5 Boilerplate 的可自定义模板。 在 JavaScript
    和 jQuery
    之间开始展览抉择,决定是或不是要样本内容,并钦赐包容性和服务器配置需要。
    您将获取三个独具 Boilerplate 主要职能的模版,以早先你的档次。

亚洲必赢官网 2

  • Layer Styles
    四个格外简单的工具,以直观的不二法门来创立 CSS
    ——万分像2个图形编辑器。该工具允许你添加阴影、内阴影、背景、边界和圆角和生成跨浏览器的
    CSS 代码。

亚洲必赢官网 3

  • Mobile Boilerplate
    贰个可见创建丰盛的和高品质的活动 Web
    应用程序模板。它能够保险各类浏览器的包容性,不仅能合营种种高端智能机,也能协作旧版的OPPO、塞班、以及微软的移动平台。

亚洲必赢官网 4

  • Vogue
    亚洲必赢官网,该工具在有着浏览器中重新加载页面包车型大巴样式表(而不是 HTML
    ),甚至能够配备为在多少个浏览器中还要活动重新加载页面。
    该工具不托管您的网站,而是运营您的网站本身的地头服务器。
    要使用它,只需安装 NodeJS 和 npm 。

亚洲必赢官网 5

  • css-x-fire
    此工具允许从 Firebug CSS 编辑器编辑 IDE 中的 CSS
    属性,并允许开发人士专注于 CSS 样式,而无需刷新浏览器。

亚洲必赢官网 6

  • Ffffallback
    三个足以让您测试不一致字体栈以找到最佳结果的书签。它扫描页面包车型客车 CSS
    并创制多个克隆页面,您能够在当中测试和分析分歧的 fallback 字体。

亚洲必赢官网 7

  • CodeKit for Mac OS X
    CodeKit能够援救你更快更好地构建网站。每便保存时,都会活动编写翻译一切:Process
    Less、Sass、Stylus、Jade、Haml、Slim、CoffeeScript、Javascript 和
    Compass 文件。轻松设置各样语言的选项。

亚洲必赢官网 8

  • Less-Boilerplate
    以 Less 情势编写的 Boilerplate CSS,包含 CSS 重置、CSS3
    扶助器,中央列块等等。

亚洲必赢官网 9

  • Needle
    v0.1a1

    Needle
    是3个造福的工具,您能够透过截取网站的一些情节并与其他显示屏截图举办比较来测试
    CSS 是或不是科学展现。它还提供测试总计 CSS 值和 HTML 成分地点的工具。

亚洲必赢官网 10

  • Spritemapper
    该应用程序将多个图像合并为3个,并为相应的切片生成 CSS 定位;
    通过减少图像的数据和更好地应用一而再,CSS spritemapping
    能够削减你的网站的加载时间。

亚洲必赢官网 11

  • Normalize.css
    Normalize.css 对 CSS 重置选拔了有点区其余办法。Jonathan Neal 和
    Nicolas Gallagher并没有解除全体的浏览器暗中同意值,而是花时间商讨不一致的浏览器如何处理分裂的代码段,然后保留那多少个有用的暗中同意值。它节省了你作为设计师的流年,同时也提供平等的结果。

亚洲必赢官网 12

  • Zen Coding
    【亚洲必赢官网】挪动和触摸框架,工具和库。Zen Coding
    是一个快速编码和编写制定的编辑器插件。那么些插件的为主是一个有力的缩写引擎,它同意你将表达式(类似于
    CSS 选取器)扩展为 HTML 代码。

亚洲必赢官网 13

  • CSS Stress Testing and Performance
    Profiling

    Andy 艾德inborough 大致能在具备浏览器中运转它所谓的“ CSS
    压力测试”代码。

亚洲必赢官网 14

  • PCSS
    二个 PHP 驱动的 CSS 预处理器,能够援助你以更少的代码释放 CSS3
    的效劳,如类嵌套、服务器端浏览器细节、默许单位和变量。该工具必要PHP5。

亚洲必赢官网 15

js.jpg

 jQuery Mobile : 是 jQuery
在手提式有线电话机上和机械设备上的本子。jQuery Mobile
不仅会给主流移动平台带来jQuery宗旨库,而且会发表1个全部统一的jQuery移动UI框架。援救满世界主流的移位平台。jQuery
Mobile开发组织说:能开发这么些种类,大家丰富高兴。移动Web太急需二个跨浏览器的框架,让开发职员开发出真正的位移Web网站。大家将尽全力去满足如此的要求。 Sources.

jQuery Migrate:jQuery 应用迁移援助插件
Modernizr:专为HTML5和CSS3付出的效用检查和测试类库
jQuery Flexslider:响应式 jQuery 内容滚动插件
WOW:在页面滚动时显示动感的要素动画效果
Sticky:让有个别成分一向浮动在页面有些地点
Bootstrap Hover Dropdown:Bootstrap鼠标悬停自动下拉
jQuery 斯特拉r:基于jQuery的视差滚动插件
Owl Carousel:强大实用的jQuery幻灯片插件
YTPlayer:基于jQuery的YouTube录像播放插件
jQuery Waypoints:jQuery滚动监听插件
easyPieChart:轻量级的图形插件
Isotope:jQuery智能布局插件
jQuery imagesLoaded:jQuery图片加载插件
jQuery Countdown:精确到皮秒的jquery倒计时插件
jQuery Counterup:jQuery数字动态增进jQuery
jqBootstrapValidation:用于Bootstrap表单的JQuery验证框架
jQuery Revolution Slider:强大的视差响应幻灯插件

JavaScript 工具

  • Modernizr 2
    Modernizr 是八个广大采纳的开源 JavaScript 库,能够辅助你创设 HTML5
    和 CSS3-powered
    的网站。今后得以将功用检查和测试与传播媒介询问和标准能源加载相结合,那为你提供了在各个意况下进展优化的力量和灵活性。

亚洲必赢官网 16

  • FitText
    FitText 是用以响应和流畅布局的 jQuery
    插件,能够调整展现文本的深浅以适应父成分。它也是3个很好的解决方案,用于成立从小型移动装备到30英寸桌面显示器,全数内容都能很好显示的标题。

亚洲必赢官网 17

  • jQuery
    Waypoints

    Waypoint 是1个微型 jQuery
    插件,能够在您滚动到零部件时轻松实施有些功用。

亚洲必赢官网 18

  • ligature-js
    该 Java
    脚本同意你通过浏览网页上的文书并在适当的岗位插入连字,将文件方式转换为通用的印刷排版连字。

亚洲必赢官网 19

  • StronglyTyped
    一个 JS 库,允许你钦赐各类别型(布尔值、数字、字符串等)和常量(
    Java 中的末了属性)的强类型属性。 它应用 ES5 getter 和
    setter,并在不扶助的浏览器中恢复生机为符合规律、松散类型的属性。

亚洲必赢官网 20

  • Kaffeine
    JavaScript 语法的扩大,试图使其更好用。与 JavaScript
    相当相近,代码能够向来编写翻译成JavaScript。

亚洲必赢官网 21

  • Crossroads.js
    3个灵感来源 UKoleosL Route / Dispatch 实用程序的 JS 路由库,它们存在于像
    Rails、Pyramid、Django、CakePHP、CodeIgniter
    等框架上。它解析二个字符串输入,并透过将字符串与七个格局匹配来支配履行哪个操作。

亚洲必赢官网 22

  • HEAD.js
    二个本子,能够加速、简化和现代化您的网站 – 简明扼要的消除周边难点。
    您能够加载脚本,如图像,以及安全地利用 HTML5 和 CSS3 。

亚洲必赢官网 23

  • The JavaScript Grid
    基于 JavaScript 的遮盖网格——只需将代码片拖动到书签栏中,打开你的 UKugaL
    并单击书签。

亚洲必赢官网 24

  • Grid Calculator
    3个足以协助您轻松成立自身的网格并将其下载到 Adobe Illustrator 或
    Photoshop 的总括器。

亚洲必赢官网 25

  • Griddle.it
    一种彻底不难的艺术来帮助您调整布局。全体你所需求做的是将尺寸放在提供的
    UKoleosL
    之后,使一个背景指导图片能够在您的浏览器上行事。网格是动态创制的,所以任何组合都能做事。

亚洲必赢官网 26

1 赞 2 收藏
评论

亚洲必赢官网 27

每一天推荐

之所以明日笔者采访一多元省时的、有用的 HTML、CSS 和 JavaScript
财富给大家。作者盼望那几个工具将扶助你提升等专科高校业技能以及工作流程。

Zepto.js Zepto.js
是支持移动WebKit浏览器的JavaScript框架,具有与jQuery包容的语法。2-5k的库,通过正确的API处理绝大多数的骨干工作。 Sources.

  1. jQuery Easing:jQuery 动画效果扩张
    jQuery API提供了简易的卡通片效果如淡入淡出以及自定义动画效果,jQuery Easing(jquery.easing.js)是一款jQuery动画效果扩张增强插件,使用该插件能够兑现直线匀速运功、变加速移动、缓冲等足够的卡通片效果。

1、前言

前H端开发很古怪:
它入门很简短,不过想要成为大牛却很难。有太多的业务必要考虑,随地都有亟待微调的地点,太多的细节处理才能保险让任何都正好好。幸运的是,开发者和设计师一向从事于为大家提供实惠的工具和财富,来做实大家的技术、让咱们做的更好。

MicroJS :
Microjs网站应用列出了过多轻量的Javascript类库和框架,它们都相当的小,大多数低于5kb。那样您不须求因为只需求1个功力就要加载1个JS的框架。

jQuery Easing是一款相比老的jQuery插件,在很多网站都有利用,越发是在一部分页面滚动、幻灯片切换等场景应用相比多。它万分精美,且有二种动画片方案供选取,使用简易,而且免费。

2、Initializr

Initializr

此工具成立一个基于 HTML5 Boilerplate 的可自定义模板。 在 JavaScript 和
jQuery 之间开始展览抉择,决定是或不是要样本内容,并内定包容性和服务器配置须求。
您将取得一个怀有 Boilerplate 主要效用的模版,以初阶你的项目。

PhoneGap :是一款开源的无绳话机应用开发平台,它唯有只用HTML和JavaScript语言就足以创设出能在四个移动设备上运转的利用。 Sources.

  1. jQuery Migrate:jQuery 应用迁移支持插件
    jQuery 版本之间有分别。比如1.9版本对于 live(),die(),toggle(),sub(),$.browser 等等都已经不辅助了。
    在不改动您网站代码的还要,要动用 1.9 从此的版本,你必要选择 jQuery migrate(jquery-migrate)进行转移、过度。

3、Layer Styles

Layer Styles

一个格外不难的工具,以直观的情势来创立 CSS
——格外像二个图形编辑器。该工具允许你添加阴影、内阴影、背景、边界和圆角和生成跨浏览器的
CSS 代码。

Sencha Touch Sencha Touch
是叁个支撑多样智能手提式有线电电话机平台(三星, Android, 和Samsung)的 HTML5
框架。Sencha Touch能够让你的Web App看起来像Native
App。美观的用户界面组件和添加的数量管理,全体依照最新的HTML5和CSS3的
WEB标准,周全包容Android和Apple iOS设备。

  1. Modernizr:专为HTML5和CSS3费用的功力检测类库
    Modernizr(moderniz.js)是三个开源的JS库,它使得那个基于访客浏览器的例外(指对新规范援助性的差别)而开发区别级别体验的设计师的行事变得特别不难。它使得设计师能够在支撑HTML5和CSS3的浏览器中丰富利用HTML5和CSS3的特色开始展览付出,同时又不会捐躯其他不帮衬这么些新技巧的浏览器的支配。

4、Mobile Boilerplate

Mobile Boilerplate

1个可见创制丰盛的和高品质的运动 Web
应用程序模板。它能够确认保障种种浏览器的兼容性,不仅能合作各样高端智能机,也能匹配旧版的索尼爱立信、塞班、以及微软的移位平台。

JQtouch, 是三个jQuery
的插件,主要用以手提式有线电话机上的Webkit
浏览器上落到实处部分总结动画、列表导航、默许使用样式等各类常见UI效果的JavaScript
库。 Sources.

当你在网页中放置Modernizr的台本时,它会检测当前浏览器是或不是扶助CSS3的特色,比如 @font-face、border-radius、 border-image、box-shadow、rgba() 等,同时也会检查和测试是不是帮助HTML5的表征——比如audio、video、本地储存、和新的
标签的品类和总体性等。在取获得这一个音讯的基础上,你能够在这一个援助这几个职能的浏览器上利用它们,来控制是不是创立多少个基于JS的fallback,可能对那多少个不帮助的浏览器进行简易的优雅降级。其它,Modernizr还足以令IE扶助对HTML5的因素选用CSS样式,那样开发者就足以立时利用这么些更拥有语义化的竹签了。

5、Vogue

Vogue

该工具在拥有浏览器中再度加载页面包车型大巴样式表(而不是 HTML
),甚至足以安顿为在四个浏览器中并且自动重新加载页面。
该工具不托管您的网站,而是运行您的网站自个儿的当地服务器。
要使用它,只需安装 NodeJS 和 npm 。

DHTMLX
Touch
 针对移动和触摸设备的JavaScript
框架。DHTMLX Touch基于HTML5,创造移动web应用。它不仅仅是一组UI
小工具,而是四个完整的框架,能够本着移动和触摸设备创立跨平台的web应用。它相当主流的web浏览器,用DHTMLX
Touch创制的选用,能够在平板电脑、Nokia、Android智能手提式无线电话机等方面运转通畅。

  1. jQuery Flexslider:响应式
    jQuery 内容滚动插件
    Flexslider(jquery.flexslider.js)是一款轻量的响应式基于jQuery的始末滚动插件。Flexslider能够支持您在档次轻松的创办美好的剧情滚动作效果应。这款插件曾经两次三番多年入选
    WDL 的年份一级 jQuery 插件,值得我们在网站开发中间试验试。它能让你轻松的创导内容滚动的功用,具有万分高的可定制性。开发者能够动用Flexslider轻松创设各个图片轮播效果、主旨图效果、图文混排滚动作效果应。

6、Css-x-fire

Css-x-fire

此工具允许从 Firebug CSS 编辑器编辑 IDE 中的 CSS
属性,并同意开发职员专注于 CSS 样式,而无需刷新浏览器。

 

  1. WOW:在页面滚动时突显动感的因素动画效果
    在某个网页上,当你滚动页面的时候会看到各式各类的因素动画效果,极度振奋。WOW.js
    正是一款支持你达成那种 CSS 动画作用的插件,很简单定制,你能够变动动画设置喜欢的品格、延迟、长度、偏移和迭代等。

7、Ffffallback

Ffffallback

贰个方可让您测试不一致字体栈以找到最佳结果的书签。它扫描页面的 CSS
并创造一个仿制页面,您能够在里头测试和剖析不一致的 fallback 字体。

jQuery 插件

Wow.js 允许用户滚动页面包车型地铁时候显得
CSS 动画。暗许的,用户可以利用它来出发
animate.css 动画。不过用户也足以万分简单修改设置喜欢的动画库。Wow.js 比任何 JavaScript 视差插件小,类似 Scrollorama(这一个卓殊豪华,不过也更繁杂)。Wow.js 格外简单安装和动用。假诺你选择 Wow.js,你能够一点也不慢的启航,执行代码。

8、Spritemapper

Spritemapper

该应用程序将多少个图像合并为贰个,并为相应的切片生成 CSS 定位;
通过压缩图像的数码和更好地选取一而再,CSS spritemapping
能够减去你的网站的加载时间。

Waypoints 是多少个jQuery
用来兑现捕获各样滚动事件的插件,例如落到实处无翻页的始末浏览,大概固定某些成分不让滚动等等。援助主流浏览器版本。

  1. Sticky:让有个别成分一贯浮动在页面有个别地方
    Sticky(sticky.js)多少个jQuery插件,使你可见做任何因素在您的网页上连续可知的。jQuery Sticky能够让任意元素固定在页面包车型地铁某部且维持可知。能够看成顶部固定导航突显插件,滚动网页下来,保持处理滚动元件在视图中,并不会因为页面滚动而泯没,也不会被此外因素覆盖。

9、PCSS

PCSS

1个 PHP 驱动的 CSS 预处理器,能够支持您以更少的代码释放 CSS3
的功能,如类嵌套、服务器端浏览器细节、暗中同意单位和变量。该工具必要 PHP5。

即便您有更好的体会和建议,欢迎拍砖一起研讨。欢迎搜索微信公众号进入【极客小寨】。

迎接插手QQ群【极客小寨】(689112212)。

亚洲必赢官网 28

wechat_code01.jpg

迎接关怀投稿~

Lazy
loader 
插件能够达成图片的延期加载,当网页比较长的时候,会先只加载用户视窗内的图纸,视窗外的图片会等到你拖动滚动条至后边才加载,那样有效的防止了因图片过多而加载慢的弊端。

  1. Bootstrap Hover Dropdown:Bootstrap鼠标悬停自动下拉
    Bootstrap Hover Dropdown(bootstrap-hover-dropdown.js)插件,用于鼠标悬停时使dropdown成分下拉,增强用户体验

TweenJS : 叁个简单和强硬的
tweening / animation 的Javascript库。

  1. jQuery Stellar:基于jQuery的视差滚动插件
    jQuery Stellar( Stellar.js)能帮助轻松的兑现网页视差滚动作效果应,提供其余滚动成分的视差滚动作效果应。只需给标签添加data属性,然后运转$.stellar()就可以实现酷炫的视差滚动了

Easings 类Css3的jQuery
动画插件

  1. Owl Carousel:强大实用的jQuery幻灯片插件
    Owl Carousel( owl.carousel.js)是三个无敌、实用但小巧的 jQuery 幻灯片插件,它抱有以下特点:包容全部浏览器、帮衬响应式、辅助CSS3 过度、援助触摸事件、援救 JSON 及自定义 JSON 格式、协助进度条、匡助自定义事件、辅助延迟加载、协理自适应中度等

Spritely 这一个插件能够创造出如flash一样的卡通片效果,比如:在页面上有三只飞动的飞禽,1个动态滚动的背景等。

  1. YTPlayer:基于jQuery的YouTube录像播放插件
    YTPlayer(jquery.mb.YTPlayer.js)是一款基于jQuery的YouTube录像播放插件
    这些插件能在让你在你的网站播放你喜爱的YouTube录像,或把你的YouTube摄像做为你网站的HTML背景。可是那个插件在天朝就像意义十分的小。

File
Upload, 
jQuery
文件上传插件4.4.1

  1. jQuery Waypoints:jQuery滚动监听插件
    jQuery Waypoints(Waypoints.js)是一款用于捕获各样滚动事件的插件。
    使用Waypoints.js能够在用户滚动滑条的时候,就能接触各个各个的动态效果。比如图片展示、文字漂移等丰裕多彩的动画片等。同时Waypoints还接济固定成分和极其滚动的效果,功力十二分强有力。

Slideshow/Carousel 插件. Sources.

插件介绍:3个因素滚动监听插件
Waypoints

Supersized –
全屏式的背景/幻灯片插件

  1. easyPieChart:轻量级的图样插件
    jQuery East Pie Chart(easypiechart.js)是2个轻量级的jQuery插件,首要用来渲染和制作地道的饼图及动画效果,基于与HTML5的canvas元素。您能够经过一组那几个选拔的早先化函数来设置3个自定义的一颦一笑。这么些插件支持帮忙canvas元素全体主流浏览器。 随着excanvas你依然足以展现在IE 7 +8的图形

Masonry i一款相当酷的机动排版插件,那款jQuery工具得以依据网格来机关排列水平和垂直成分,超越原来的css. Sources.

  1. Isotope:jQuery智能布局插件
    Isotope(jquery.isotope.js)是一款不错的jquery自适应插件,帮忙大部分浏览器,须要jquery 1.4.3会同以上版本。你能够用它来创制动态和智能布局。你能够隐藏和出示与过滤项目,重新排序和整治甚至更加多。同时Isotope还有许多很酷的卡通片。

jQuery
简单 Layout 演示,管理各个边栏式,可转移大小式的布局。

  1. jQuery imagesLoaded:jQuery图片加载插件
    imagesLoaded(jquery.imagesloaded.js)插件是在图纸加载成功后才做一名目繁多操作,检查和测试图像是不是曾经加载,在图纸加载成功后才做一文山会海操作。

Flexigrid – jQuery 数据表插件

插件介绍:图片延时加载插件
imagesLoaded

Isotope相对是三个令人难以置信的jQuery插件,你能够用它来创设动态和智能布局。你能够隐蔽和展现与过滤项目,重新排序和整理甚至更加多。

  1. jQuery Countdown:精确到纳秒的jQuery倒计时插件
    jQuery Countdown(jquery.countdown)是一款免费的jQuery倒计时插件,使用非凡简单,间接下载源文件拷贝里面包车型客车代码到你要求运用的页面,然后自定义倒计时的开端时间即可,协理须要IE8+浏览器。

Super
Gestures
 jQuery
插件能够完成软骨发育不全势的作用。

插件介绍:jQuery 倒计时插件 jQuery.countdown

MouseWheel 是由Brandon
Aaron开发的jQuery插件,用于添加跨浏览器的鼠标滚轮扶助。

  1. jQuery Counterup:jQuery数字动态拉长jQuery
    jQuery Counterup(jquery.counterup.js)八个jQuery数显插件,用于数字从低到高动态增加,能够在肯定时间内将数字动态的由0展现到钦定的值。

AutoSuggest jQuery
插件能够让你添加一些机动完毕的功能。

插件介绍:数字拉长插件
CounterUp

qTip 多个能够的jQuery 的工具提示插件,这几个插件效用非常强劲。

  1. jqBootstrapValidation:用于Bootstrap表单的jQuery验证框架
    jqBootstrapValidation(jqBootstrapValidation.js)是三个用于Bootstrap表单的JQuery验证框架。验证直接用data-情势开展代码编写,不供给编写制定JS格式,援助邮箱验证、数字型最大十分的小值验证、长度验证、正则表明式验证、异步验证、以及组合式验证、提交出错成功时回调展现。

jQuery Charts and
graphic
 用来塑造图纸。

  1. jQuery Revolution Slider:强大的视差响应幻灯插件
    jQuery Revolution Slider(jquery.themepunch.revolution.js)是多少个颇具视差效能的幻灯片插件,此插件是wordpress上脚下为至最有力的幻灯片插件,具有自适应效能、可制造全宽幻灯片、具有视差效果,全体幻灯片拥有的效率他整个具有。

jQuery Tools– The missing UI
library

Slider Revolution是codecanyon上销量第3的wordpress幻灯插件,themeforest中wordpress主旨使用率最高的幻灯插件。小说缩略图、图片切换、动画效果、3d效果…唯有你想不到,没有它做不到,Slider Revolution幻灯插件的兵不血刃唯有你采纳以往才能明了。那也是themeforest众多宗旨小编把它看成大旨内置插件的来头。

 

 

HTML5 摄像播放器

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

LeanBack
Player
 HTML5录像播放器,没有借助任何JavaScript框架。辅助全屏播放,音量控制,在同3个页面中播放多少个录像。
(来自谷歌)

Vid.ly 为您上传的视频提供转换职能,并且为转移后的录制创造2个短式网球址。通过Vid.ly,让您的录制能够在14种分歧的浏览器和设备上海人民广播广播台播,不必要再去考虑将要浏览录制的人使用什么设备了,以幸免各各软件巨头之间的利益之争带来了不合营,给用户带来了宏伟的干扰,短式网球址让您能够由此Facebook、Twitter(TWT帕杰罗.US)等办法有利分享摄像。Vid.ly还是可以够经过html代码嵌入到其余网页中。Vid.ly免费帐户空间为1GB,免费帐户也远非广播或浏览限制。

 

JavaScript 音频处理与可视化效果

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

 Processing.js是三个怒放的编制程序语言,在不应用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 收集的3个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框架。它为图形组织和荧屏刷新拍卖提供了一个火速、力导向布局算法。

 

JavaScript 浏览器接口 (HTML5)

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

 {{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是3个前端 JS
代码 MVC 框架,被有名的 37signals 用来营造他们的活动客户端。它不行取代
Jquery,不可代替现有的Template 库。而是和那一个构成起来营造复杂的 web
前端交互使用。假设项目事关大气的 javascript
代码,完毕广大错综复杂的前端交互作用,首先你会想到把多少和出示分离。使用
Jquery 的 selector 和 callback
可以轻松做到那一点。不过对于富客户端的WEB应用多量代码的结构化组织特别须求。Backbone
就提供了 javascript 代码的协会的效益。Backbone 主要包罗 models,
collections, views 和 events, controller 。

 

客户端和模拟器

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

Test everything
输入贰个你想要测试的U普拉多L……

Android browser 模拟器

iPhone browser 模拟器

Opera browser 模拟器

Firebug 与 Firefox 集成,能够查阅和调节你的Web页面。

 

CSS3 和 字库

 CSS3 Maker CCS3的生成器不难地开创 

CSS3 animations。 Sencha
Animator 是一个桌面应用可以为WebKit浏览器和触摸式移动设备创设 CSS3
animations 。

CSSwarp – CSS 文本扭曲生成器

Gradient Editor,
3个无敌的Photoshop式的CSS 渐变编写翻译器。来自 ColorZilla

Google Web Fonts 通过谷歌 Web
Fonts API 能够浏览全数的书体@font-face Kit
Generator
,
为Web转换字体

Typetester, 比较字体。

Media Queries. 一组 responsive web 设计。

Pattern TAP, UI组件。

 

Website (FULL) 模板

 HTML5
Boilerplate
 是一个HTML5 /
CSS /
js模板,是贯彻跨浏览器寻常化、质量优化,稳定的可选成效如跨域Ajax和Flash的拔尖实践。
项目标开发商称之为技巧集合,目标是满足你支付四个跨浏览器,并且面向将来的网站的急需。 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
,
守旧TV已经初步和网路融合,但眼下产业仍然正在寻找之中,为此现在的网页亦会有协会上的更改。Google
TV Optimized
Templates是2个用HTML/JavaScript制成的开源软体,一如其名是八个对谷歌(Google)电视机作出了最佳化的的网页范本,其性状是以遥控器作为操作的前提,令使用者无需输入任何文字就能够展成本配。今后除外会有专用遥控器外,还会动用智能手提式有线电话机透过W-iFi控制谷歌TV的格局。Optimized
Templates的界面中左边会显得分类,右方会来得该分类下的影视截图,影片播放、切换、全画面表示都可由此键盘上的方向键、Backspace或Enter等键实现,方便今后的网站开发人员借镜。HTML5
版的沙盘使用了 Google TV UI
library, jQuery  和 Closure 。

网站地图xml地图