久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

最全的響應式設計資源庫

   CSS 響應式框架

  這一部分主要介紹了一些最新的CSS響應式框架,更輕量,而且兼容性也不差。(Foundation,Skeleton是較為老式的CSS響應式框架)

  Girder

  Girder 使用了Sass silent classes (占位符,輸出時不會體現)在HTML中組織內容,標記能夠額外處理一些表象類(presentational classes ),比如 “unit_1of4″, “small-2″, “grid4″.

最全的響應式設計資源庫 三聯

  Cardinal

  Cardinal 是一個小型的、以”移動優先”為理念的CSS框架,默認樣式很實用。靈活的字體和響應式的柵格線系統。

responsive-design-2

  Typeplate

  Typeplate是一款”排版初學者工具”. 一款簡約的Sass/CSS庫,能夠采用合適的手段處理作品。

responsive-design-3

  Furatto

  Furatto 基于Sass,包含了JS插件,在Coffeescript中開發的,因此很容易閱讀。交互性很強,支持多種設備。

http://icalialabs.github.io/furatto

  Kraken

  輕量、移動優先為理念的模板,適合前端開發者。

responsive-design-5

  Gridism

  Gridism 是一款簡約的響應式柵格線系統,非常好用。

responsive-design-6

  Sassaparilla

  Sassaparilla 使用了Sass以及Compass技術,讓響應式網頁設計變得簡單。注重于更好的版式布局,打造良好的閱讀節奏。讓編譯更加輕松。

responsive-design-7

  Cool Kitten

  Cool Kitten是一款滾動視差響應式框架(個人最愛)

responsive-design-8

  Responsive Boilerplate

  Responsive Boilerplate 極度簡約、非常輕量(2kb)的CSS柵格框架。易懂易用。

responsive-design-9

  Javascript 響應式插件

  這些腳本要么是一小段代碼,要么是幾個文件,能夠實現網頁設計作品的響應式。大部分自動注釋,因此很方便使用。

  Responsive elements

  Responsive Elements 小型JS庫,能夠輕松實現元素的響應式。

responsive-design-10

  jPanelMenu

  jPanelMenu 是一款jQuery插件,由一款面板式的菜單創建。保證CSS動畫更好的實現。

responsive-design-11

  SelectNav.js

  SelectNav 是一款JS插件,能夠將網站的導航欄轉換為可選擇的下拉菜單。結合了Media Queries,能為移動設備節約空間。

responsive-design-12

  Adapt.js

  Adapt.js 輕量級JS文件,在瀏覽器載入頁面前,能夠根據寬度,智能判定并載入CSS文件。

responsive-design-13

  Masonry

  Masonry 是一款優秀的jQuery插件,能夠打造動態、適應性的布局。能夠幫助重新排列元素。

responsive-design-14

  RoyalSlider ($12)

  RoyalSlider 是一款很好用的jQuery圖庫或內容滾動插件,動效、響應式布局、支持觸控,很適合移動端。無論是滾動欄、幻燈片窗還是內容滾動欄、圖庫、視頻庫都能用其實現。

responsive-design-15

  UberMenu – WordPress ($16)

  UberMenu 是一款非常友好的、高度定制化的、響應式的 Mega Menu WordPress插件。

responsive-design-16

  Responsive Pricing Tables – WordPress ($15)

  CSS3 Responsive Web Pricing Tables Grids For WordPress CSS3 價格表,兩種價格表樣式,20種可選顏色,可選項豐富。

responsive-design-17

  響應式設計——導航篇

  響應式設計中最難的部分大概就是導航了。即便你的導航菜單占地很小,但是移動端的設計依然很困難。傳統的網頁設計總是把導航菜單放在頁頂,以便用戶瀏覽。而響應式設計中,情況很復雜。這一環節,將推薦幾種不錯的解決方案。

  Responsive menu patterns

responsive-design-18

  A Responsive Design Approach for Navigation (文章)

responsive-design-19

  Flexnav

  FlexNav 是一款使用Media Queries和JS實現的多級菜單,支持觸控、懸停。符合”移動優先”理念。

responsive-design-20

  Naver

  Naver一款面向響應式導航的jQuery插件

responsive-design-21

  Navigataur

  Navigataur 是一款簡約的工具,幫助實現響應式導航菜單。

responsive-design-22

  響應式設計——圖像

  如何根據瀏覽器尺寸、加載速度選擇圖片尺寸?

  CSS Fluid Image Techniques for Responsive Site Design (Article)

  Dudley Storey 創作的一篇優秀文章,闡述了該要如何打造”伸縮自如”的圖像

responsive-design-23

  Clown Car Technique for Responsive Images

  Estelle Weyl, 寫了一篇關于可縮放矢量圖形(SVG)的文章,生動有趣。

responsive-design-24

  Responsive Img

  Responsive Img 是一款jQuery插件,能夠變換圖像的src屬性,主要根據的是容器的寬度。

responsive-design-25

  響應式設計工具

  See your site responsive

responsive-design-26

  Viewport Resizer

  Viewport Resizer 是一款在線工具能夠測試網頁設計是否符合響應式設計的標準。

responsive-design-27

  Screenqueri.es

  Screenqueri.es 是一款細膩的響應式測試工具。能夠在30多種不同的設備上展示你的網頁設計。

responsive-design-28

  Responsive Web CSS

  Responsive Web CSS 讓響應式網頁布局變得輕松。只需要添加div,設置一下不同設備上的大小即可。

responsive-design-29
【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 99久久日韩精品免费热麻豆美女 | 欧美一区二区三区视频 | 国产精品不卡一区 | 亚洲精品99 | 美女三区 | 香蕉视频91| 久日精品 | 日韩中文字幕在线视频 | 好姑娘高清在线观看电影 | 精品国产一区二区国模嫣然 | 亚洲精品一区二区二区 | 久久国产精品免费一区二区三区 | 91色在线视频 | 国产a级黄色录像 | 日日天天 | 久久精品 | 欧美日韩福利 | 免费一级黄色录像 | 精品精品| 国内精品久久久久久 | 一区二区三区欧美在线 | 久草在线在线精品观看 | 无人区国产成人久久三区 | 男人的天堂久久 | 亚洲一区二区三区视频 | 久久久久国产视频 | 久久网一区二区三区 | 夜夜骚视频 | 精品视频一区二区三区在线观看 | 日本精品免费 | 久草免费在线视频 | 亚洲欧美日韩在线不卡 | 91丨九色丨国产在线 | 午夜影晥| 麻豆av片| 日韩视频一区二区 | 91精品国产乱码久久久久久久久 | 999久久久久久久久6666 | 天堂色| 久久视频精品 | 草草草影院 |