標籤: RWD 頁1

RWD相關的文章,目前共收錄 9 篇內容。

Carrd:輕鬆利用 AI 產出一頁式網站的線上服務
網路資源

Carrd:輕鬆利用 AI 產出一頁式網站的線上服務

Carrd 是一個可以輕鬆利用 AI 產出一頁式網站的線上服務,產出的內容也可以符合響應式的設計,非常方便。

HTML5 設定依據不同解析度讀取不同影片(video)
教學

HTML5 設定依據不同解析度讀取不同影片(video)

HTML5 允許我們設定在不同解析度下讀取不同影片,只要在 video 的標籤內設定 source 的 media 就可以了,這邊的 media 就跟 media query 的 media 概念一樣。

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

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

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

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

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

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

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

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

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

Responsively APP- 好用的檢查 RWD 頁面的 APP
網路資源

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

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

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

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

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

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

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

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

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

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

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