頁面設計相關連接收集

瀏覽器版本

• StatCounter國內電腦端瀏覽器版本統計（15年8月~16年8月）；

屏幕分辨率

• W3Schools上的分辨率統計；

• 網頁設計中常見的寬高比；

• 常見顯示設備的媒體查詢標準；

• 百度統計的中國網民分辨率使用狀況；

IE兼容性

• 設置僅用於IE的樣式；

• 設置IE渲染模式；

• 設置IE及Chrome渲染模式；

• IE8 CSS 樣式兼容性清單；

• IE8開發者指南-MSDN；

• IE6~8的媒體查詢實現方案；

• 專門針對IE的媒體查詢的寫法；

• 可用於IE8的vh&vw（官方Demo頁面在Win7+IE8環境中並無實所說的效果）；

• 跨瀏覽器實現vh&vw的方案（比上一條方案要新一些）；

• 使background-size在IE8中生效；

• 兼容IE8的flexbox；

• CSS3PIE（可在IE6~8中實現本來不支持的圓角邊框、陰影、漸變背景等）；

頁面等比例縮放

• CSS實現縮放時保持比例；

• 上一條所用到的長度單位的說明；

• CSS+JS實現總體等比例縮放；

• 巧妙實現上一條中用到的IE8不支持的transform參數；

• SO上IE8中實現transform的相關討論；

• 字體隨容器寬度變化而縮放；

• 背景圖片始終填滿頁面（目前採用第三種方法，純CSS實現，並可保證各瀏覽器中背景圖均以原始比例顯示）；

色彩搭配

• 配色盤；

• 色值轉換；

其它

• 前端工程師和設計師必備的Chrome插件；