经常使用库：Modernizr、transform:matrix矩阵变形、FitVids、Font Squirrel、 H5大纲生成器

Modernizr   http://modernizr.cn/

H5表单验证,也用于其余特性

《响web设计》p203 223

 

Respond仅给IE678追加min/max媒体查询功能，能够独立于Modernizr使用

官方下载 https://github.com/scottjehl/respond

使用方法《响web设计》p222

 

使用Modernizr按需加载资源：

Modernizr中包含一个名为yepnope.js的小型JavaScript库文件

官方下载 http://yepnopejs.com/

使用方法《响web设计》p223

——————————————————————————-————————————————

transform:matrix矩阵变形，自动生成代码

http://useragentman.com/matrix/

《响web设计》p172

——————————————————————————————————

css自动追加前缀prefixfree《响web设计》p106  p135  官网下载http://leaverou.github.io/prefixfree/

____________________________________________________________________________

FitVids的JQ小插件 ：让视频响应屏幕尺寸变化 http://www.solagirl.net/fitvids-js-made-responsive-videos.html

下载 https://github.com/davatron5000/FitVids.js

《响web设计》p98详细教程

——————————————————————————————————————

 H5大纲生成器 https://gsnedders.html5.org/outliner/  《响web设计》p80

查询当前浏对H5和css3的特性的支持程度  http://caniuse.com/

@font-face图标由于是字体因此响应式。Fico http://fico.lensco.be/   《响web设计》p162

《响应式web设计》p74  https://html5boilerplate.com/

《响应式web设计》p5  https://benfrain.com/easily-display-the-viewport-size-of-your-page-for-responsive-designs/

————————————————————————————————————

Font Squirrel  https://www.fontsquirrel.com/fonts/list/hot

font squirrel:在线转换字体成eot,otf,svg,wotf网页兼容格式字体http://www.yunsd.net/apply/fontsquirrel-eototfsvgwotf.html

___________________________________________________________________________

仿站

《响web设计》p28 http://www.andthewinnerisnt.com/

《响》响应式网站收集 http://mediaqueri.es/

——————————————————————————————————————————