10款非常有效的幫助你設計超酷響應式布局的jQuery插件
日期:2012/02/24 來源:GBin1.com

如 果你關注最近幾年的web設計,那么響應式布局(responsive layout)設計對于你來說肯定不是一個陌生的詞匯。 相對于傳統的頁面設計來說,今天的設計者需要考慮的用戶來源和用戶體驗對于設計者來說是一個非常大的挑戰,因為隨著硬件的更新,新設備的出現,你需要能夠 使得你的網站能夠針對不同的設置做出最好顯示響應。最初這個名稱來自于Ethan Marcotte的文章“Responsive Web Design”,設計的理念在于為了有效的利用空間和布局來滿足用戶閱讀過程中產生的不同使用行為,并且及時的做出響應。現在的響應式設計中,我們網站也針對不同的設備的顯示尺寸來有效的改變頁面布局和樣式。如果大家使用過jQuery mobile網站API文檔的話,你可以看到它也是用了響應式設計的模式,如果你使用瀏覽器瀏覽文檔,如果你變化你的瀏覽器尺寸,顯示的內容也會根據瀏覽器尺寸變化。
今天這里我們將介紹幾款非常不錯的jQuery插件來幫助你構建你的響應式設計,希望大家喜歡,如果你喜歡我們的文章,請大家去我們微博或者留言區留言,謝謝大家!
相關文章:分享10款幫助你設計自適應布局(Responsive Layout)的jQuery插件
響應式頁面布局插件
Isotope
isotope是一款基于響應式設計的布局插件,它能夠動態根據瀏覽器的尺寸來變化大小,并且生成一個流動布局,非常適合顯示圖片或者小的區域塊。

jQuery Masonry
Masonry是另外一款非常不錯的魔術動態網格布局插件。它也符合響應式布局設計的原理,能夠動態的顯示,并且可以支持鼠標無限滾動

響應式菜單設計插件
響應式菜單
這個jQuery插件能夠幫助你當瀏覽器寬度不夠的時候將菜單生成一個選擇框,簡單實用

Menu to a Dropdown for Small Screens
這個教程將幫助大家學習響應式的菜單設計,這里作者在寬度不夠的時候將菜單生成一個下拉菜單

響應式的圖片幻燈插件
CarouFredSel
CarouFredSel是一個強大支持響應式布局設計的幻燈插件,可以幫助你構建一個支持觸摸屏設備的幻燈效果

FlexSlider
FlexSlider是一個令人驚嘆的,完全符合responsive的jQuery幻燈插件。

Blueberry
一個實驗品的開源jQuery圖片幻燈插件,主要設計為了符合fluid/responsive web布局

Responsive jQuery Slideshow
基于響應式設計的jQuery幻燈實現,簡答但很實用

Seamless Responsive Photo Grid
非常棒的一個無縫響應式設計的圖片格,效果參考演示demo

PhotoSwipe
一個基于HTML/CSS/JavaScript的移動和觸摸設備圖片展示插件,支持廣泛的瀏覽器和桌面移動設備



浙公網安備 33010602011771號