jQuery UI 是 jQuery 用戶界面組件庫,提供了大量廣泛使用的部件和功能,包含常用的日期選擇器、滑塊、手風琴效果、進度條、拖拉支持等,而且它是主題化的,可以利用 ThemeRoller 自定義自己的主題。
本文整理了一些高度自定義、免費并且質量高的 jQuery UI 主題(如 Bootstrap 或 Windows-Metro),希望對你有所幫助。
jQuery UI Bootstrap 是一個jQuery UI主題。它受到 Twitter 項目的啟發,將其 slickness 引入 jQuery UI Widgets 中。使用這個主題,不僅可以使用 Bootstrap 主題窗口小部件(Widgets),而且還兼容Twitter Bootstrap的各個方面。
2. Delta
Kiandra 開源的 Delta jQuery UI 主題 或許您會喜歡。這個主題使用 CSS3 漸變和一些高清圖片,以確保它對視網膜顯示器是友好的。其充滿活力的配色方案 “Delta” ,能夠很好地工作在明亮和黑暗的背景。可以將這個主題作為一個起點,創建自己視覺魅力的 jQuery UI 主題。您可以在 GitHub 庫 中 fork 這個主題。
3. jQUIT Builder (Windows Metro Style)
這是一個像 ThemeRoller 的主題生成器,用于創建 Windows Metro 風格的 jQuery UI 主題。只要選擇好顏色,主題就會自動創建。
4. Selene
Selene 是一個淡雅色調主題,包括所有 jQuery UI 小部件的樣式。
5. Aristo
這是一個將 Cappuccino 的 Aristo 主題移植至 jQuery UI,還提供一個 PSD 文件。
6. Absolution
類似于 jQuery Mobile 風格的主題,采用 CSS3 實現的一個干凈的外觀。
原文鏈接: http://news.open-open.com/view/a0acb4
響應式設計(responsive design)在近些年是非常流行的web設計,能夠幫助你有效的針對不同設備的顯示屏幕自適應的顯示內容,大大的提高了用戶的使用體驗和web設計的要求,作為最為流行的jQuery來說,也提供了很多現成的插件幫助你實現響應式設計,在今天的這套插件推薦中,我們將推薦給大家20個不錯的響應式設計常用插件,希望大家喜歡!
jQuery Masonry — A layout plugin for jQuery
相信大家對于這個jQuery布局插件肯定不陌生,很多網站都使用它開發瀑布流布局。
Isotope — An exquisite jQuery plugin for magical layouts
這是個超棒的響應式圖片處理插件
這個插件針對不同的屏幕設備應用不同大小的圖片
超簡單的幻燈,支持響應式設計
Hoverizr – Responsive jQuery Photo manipulation plugin
一個支持圖片響應式處理的插件
Responsive Image Gallery with a Thumbnail Carousel
支持響應式的圖片輪播插件
用來創建滾動式幻燈的jQuery插件
支持不同設備的幻燈插件
Supersized – Fullscreen Background Slideshow
超棒的全屏幕幻燈,支持響應式
Elastislide – A Responsive jQuery Carousel Plugin
另外一個輪播式幻燈插件
Transform a Menu to a Dropdown for Small Screens
幫助你將導航轉換為下拉菜單
響應式幻燈插件
Automatic Image Montage with jQuery
Blueberry – A responsive jQuery image slider
響應式圖片幻燈
幫助你針對屏幕自動創建HTML圖片
FitText — jQuery plugin for inflating web type
一個幫助你生成合適字體的jQuery插件
幫助你生成響應式視頻的jQuery插件
原文鏈接: http://www.gbin1.com/technology/jqueryplugins/20120912-jqueryplugins-for-responsive-design/
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
