歡迎您光臨本站 註冊首頁

10款幫助你設計超酷響應式布局的jQuery插件

←手機掃碼閱讀     火星人 @ 2014-03-12 , reply:0
  

日期: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的移動和觸摸設備圖片展示插件,支持廣泛的瀏覽器和桌面移動設備

來源: 10款非常有效的幫助你設計超酷響應式布局的jQuery插件



[火星人 ] 10款幫助你設計超酷響應式布局的jQuery插件已經有459次圍觀

http://coctec.com/docs/program/show-post-71384.html