#基于kissy seed常用响应式技术实现

• 响应式实现基础函数 (respondtools)
• mediaquery ie8-兼容实现（mediaquerypolyfill）
• 响应式图片兼容实现（picturepolyfill）
• 响应式模块之slide（slide）
• 响应式导航（navigation）(待从wanke.etao.com导航上抽取出来)
• 响应式模块之推层（pushlayer）（待从wanke.etao.com中抽取出来）

#常用响应式模式实现 参考Responsive Patterns,尝试翻译整理以及改变实现方式尽可能兼容更多的浏览器 ##布局 ###Reflowing Layouts

• Mostly Fluid
• Column Drop
• Layout Shifter
• Tiny Tweaks
• Main column with sidebar
• 3 column
• 3 column v2

###Equal Width

• 2 equal-width columns
• 3 equal-width columns
• 4 equal-width columns
• 5 equal-width columns

###Off Canvas

• Top
• Left
• Right
• Left and Right
• Bottom

###Source-Order Shift

• Table Cell
• AppendAround

###Lists

• List with Thumbnails
• List with Thumbnails 2
• List with Thumbnails and Summary

###Grid Block

• 4-up Grid Block
• Double-Wide v1
• Double-Wide v2
• Double-Wide v3
• Double-Wide v4
• With Title Sections
• Equal Height Rows
• Irregular Grid Blocks

###Table

• Responsive Table
• Definition List to Table
• Data- Table to List
• Pie Chart to Table
• Priority Columns
• Link to Full-Table
• Horizontal Overflow
• Header Orientation Flip

##导航 ###单层

• Toggle
• Footer Anchor
• Select Menu
• Left Nav Flyout
• Left Nav Flyout w/ 'off-nav closing'
• Priority+
• Top Links

###多层

• 多级导航1
• 多级导航2
• 多级导航3
• 多级导航4
• 多级导航 支持IE6

###面包屑

• Across the Top
• Breadcrumbs Dropdown
• Last-One Only

##图片

• Basic Fluid Image
• Image Grid

##多媒体

• Fluid Video
• Fluid Map Maintaining Aspect Ratio
• Adaptive Maps

##表单

• 基础响应式表单
• 搜索框响应式
• Search with Filters

##模块 ###Switchable

• 3-up Carousel
• Fluid Carousel

###Accordion

• Fluid
• Accordion to Full
• Accordion To Tab
• Vertical to Horizontal

###Messaging

• Slide-Down Notification Bar

###Lightbox

• Conditional Lightbox

#作者们 妙净、墨峰、李杰、乐淘、邓萌、基德、雨异、春龙、紫溪等，欢迎感兴趣的亲们直接fork代码改之：）