顯示廣告
隱藏 ✕
看板 Mesak
作者 mesak (Mesak)
標題 [CSS] Responsive Web Design
時間 2012年11月29日 Thu. PM 04:31:57



http://fundesigner.net/responsive-web-design-explain/
Responsive Web Design 簡單介紹與優缺點、實作入門 - 樂在設計
[圖]
這一兩年中最夯的網頁設計不外乎就是 Responsive Web Design 了,中文譯名為「自適應網頁設計」(不過這個名稱仍然不太好),就字面上意思來說就是當一個網頁在不同的解析度下,會呈現不同的介面,也就是在不同的介面上適應。會這麼熱門的原因是,這幾年來隨著 Smart Phone、Tablet 等行動裝置開始興… ...
 

http://designmodo.com/responsive-design-examples/
Responsive Web Design: 50 Examples and Best Practices - DesignModo
[圖]
Responsive Web Design images are primarily fluid images that can be replaced by context aware images, an updated version for better designing. ...
 

http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html

http://www.mrmu.com.tw/2011/04/06/css3-media-queries-liquid-layout/
用CSS3的Media Queries進行自適應網頁設計(Responsive Web Design) @ mr.mu 所謂的液態排版主要是透過CSS設定,讓網頁版面的寬度,依照設計者的設定,以百分比的形式來呈現,所以頁面寬度的顯示是根據使用者的瀏覽設備解析度作輸出,因此可避免瀏覽器的橫向捲軸出現。 本篇要介紹的技巧,算是利用CSS3來簡化及強化Liquid Layout的設計活動,因為是針對解析度進行的排版設計,國外也有稱之為dynamic resolution dependent layout,不過更多是乾脆以達成此效果的功能名稱--CSS3 media queries來介紹這種技巧。 ...
 

http://jas9.blogspot.com/2012/07/responsive-web-design.html


--
※ 作者: mesak 時間: 2012-11-29 16:31:57
※ 看板: Mesak 文章推薦值: 0 目前人氣: 0 累積人氣: 171 
r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇