用于响应式Web设计的超级实用jQuery插件

jopen 12年前

SlabText.js

用于响应式Web设计的超级实用jQuery插件
slabtext.js是一个非常有用的jQuery插件,把长标题分割到不同的行中,有效地解决行宽度问题,这意味着当你的用户使用不同的浏览器宽度的时候,都可以让标题看上去非常漂亮,绝对是网页前端排版的必备插件。
下载: http://www.frequency-decoder.com/2012/01/08/slabtext-a-jquery-plugin…

jQuery Masonry

用于响应式Web设计的超级实用jQuery插件
Masonry是 一款非常强大的jQuery动态网格布局插件,可以帮助开发人员快速开发类似剪贴画的界面效果。和CSS中float的效果不太一样的地方在 于,float先水平排列,然后再垂直排列,使用Masonry则垂直排列元素,然后将下一个元素放置到网格中的下一个开发区域。这种效果可以最小化处理 不同高度的元素在垂直方向的间隙。
下载: http://masonry.desandro.com/

TinyNav.js

用于响应式Web设计的超级实用jQuery插件
TinyNav.js是一个小型jQuery插件,能够对小型屏幕上的下拉菜单导航实现<ul><ol>的转换。还能对当前页面进行选择,并对一个项目添加selected=”selected”。它是一个非常有效的插件,提供了一些非常不错的功能。
下载: http://tinynav.viljamis.com/

FitText.js

用于响应式Web设计的超级实用jQuery插件

FitText 是一个非常有趣的工具,它支持自动调整文本大小。
下载: http://fittextjs.com/

Breakpoints.js

用于响应式Web设计的超级实用jQuery插件
用于你的响应式设计简单地设计断点, Breakpoints.js会触发自定义事件当浏览器进入或退出断点时。在复杂布局时非常实用。
下载: http://xoxco.com/projects/code/breakpoints/

ResponsiveSlides.js

用于响应式Web设计的超级实用jQuery插件
ResponsiveSlides.js是一个展示同一容器内图片的轻量级响应式jQuery幻灯片插件(tiny responsive slideshow jQuery plugin)。它支持包括IE6在内的几乎所有的浏览器,在IE6中还支持最大宽度属性,但在其它浏览器中并不原生支持。你需要做的只是链接jquery并且把图片裁剪为相同大小。
下载: http://responsive-slides.viljamis.com/

Flare

用于响应式Web设计的超级实用jQuery插件
Flare是另一个jQuery插件用于构建响应式和全宽幻灯片。但它不免费。
下载: http://is.gd/flarecwc

FitVids.js

用于响应式Web设计的超级实用jQuery插件

如果你需要你的视频能够自动适应网页的宽度,FitVids.js这个jquery插件可以帮助你。
下载: http://fitvidsjs.com/

Responsive tables

用于响应式Web设计的超级实用jQuery插件
一个简单的响应式表格。
Download: http://www.zurb.com/playground/responsive-tables

jq-idealforms

用于响应式Web设计的超级实用jQuery插件
Ideal Forms是一个终级框架用于构建和校验响应式HTML5表单。它超级易于使用。
下载: http://elclanrs.github.com/jq-idealforms/