標籤: RWD 頁1

網路資源

CSS 3, Media Queries Cheat Sheet- 要設定 Media Query 製作 RWD 網站時的範圍建議設定

CSS 3, Media Queries Cheat Sheet 是當你要用 Media Query 製作 RWD 網站時,可以參考該網站的設定範圍。

網路資源

Convert pixels to rem- 網頁 px 單位轉換 rem 的計算器

以現在網站開發的觀念來說,使用 rem 會是一個相對 px 這種絕對單位而言更有彈性的單位,但因為目前的原型工具都還沒有 rem 這個單位,所以往往就需要開發者自己去轉換,自己打開計算機來算就滿浪費時間的,而 Convert pixels to rem 就可以讓你輸入 px 的單位就能直接轉換成對應的 rem 數值,給有需要的朋友參考。

網路資源

Responsinator- 輸入網址就能快速幫你顯示在各大熱門載具上的顯示狀況

Responsinator 是一個只要簡單輸入網址,就能顯示給你看在各熱門瀏覽器頁面呈現狀況的網站,對於要測試 RWD 的開發者來說應該很方便。

網路資源

Responsively APP- 好用的檢查 RWD 頁面的 APP

Responsively APP 是一個讓你可以輸入網址就可以呈現在各個載具的 UI 狀態的 app,有在切版的用這個可以一次檢視真的很方便,趕快裝看看吧。

教學

[Tailwind CSS] 使用 Grid 來排列 RWD 版型

說明使用 Tailwind CSS 來排版並製作 RWD 的方法。

網路資源

Responsive Image Breakpoints Generator- 幫你產出 RWD 圖片的網站

Responsive Image Breakpoints Generator 是一個你只要上傳圖片,就可以幫你產出各種解析度圖片的網站。

網路資源

Media Queries- 收集優秀響應式網站的集合網站

Media Queries 蒐集了許多 RWD 響應式網站的設計案例,每個案例都是經過挑選的,很值得一看。