經常使用庫：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/

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