【好站報報】日本 RWD 美美網站一把抓

RWD 全名是 Responsive Web Design

中文翻譯成 – 響應式網頁自適應網頁設計、回應式網頁設計、對應式網頁設計

主要就是透過 CSS3 Media Queries 讓網頁自動切換不同的 CSS,然後讓不同的裝置顯示出該裝置適合的版面設計與瀏覽狀態。

底下所介紹的這個日本網站 “Responsive Web Design JP”,非常佛心地幫大家蒐集、整理出各種不同『 RWD ( Responsive Web Design ) – 響應式網頁』的版型設計。

雖然僅限於日本的網站蒐集,但大量的網站範例參考,仍是研究 RWD 的同學們絕對不能錯過的參考資料喔!

★ 日本 RWD 網站一把抓網站首頁 :  http://responsive-jp.com/

★ 飛肯的教學課程:教學課程:RWD 響應式網頁版型設計班

 

既然是介紹 RWD 的網站,此網站本身當然也是 RWD 的設計囉。(笑)

Good Design 好站報報  - 【好站報報】日本 RWD 美美網站一把抓 - flly-index

 


網站的主要選單已貼心的幫大家把所有網站做了幾種分類,如下圖 ↓

Good Design 好站報報  - 【好站報報】日本 RWD 美美網站一把抓 - flly-catetory

 


點開” Technique “的分類,可以看見包含幾種不同網頁技術的選項,其中之一如下圖的 CSS3 ↓

Good Design 好站報報  - 【好站報報】日本 RWD 美美網站一把抓 - flly-css3

你也可以選擇以” Color (顏色) “來做搜尋,如下圖即為所有黑色相關網站的搜尋結果 ↓

Good Design 好站報報  - 【好站報報】日本 RWD 美美網站一把抓 - flly-color-black

★ 日本 RWD 網站一把抓網站首頁 :  http://responsive-jp.com/

★ 飛肯的教學課程:教學課程:RWD 響應式網頁版型設計班

這麼棒的網站,快點收進自己的網站書籤吧! ^_^

當您對本文有任何問題或指教,歡迎到我們的【飛肯粉絲團】一起交流討論喔!

posted in Good Design 好站報報 and tagged , .

迴響已被關閉。