帮助你构建自适应布局的30款优秀 jQuery 插件(下篇)

标签: 帮助 适应 布局 | 发表时间:2012-06-07 08:20 | 作者:梦想天空(山边小溪)
出处:http://www.cnblogs.com/

自适应设计(Responsive Layouts)是时下网页设计领域最热门的话题之一,自适应设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好的使用体验。下面是收集的15款优秀的自适应  jQuery 插件,希望这些插件能够帮助到您。

16.  Tiny Fluid Grid

Tiny Fluid Grid Tiny Fluid Grid是一个非常新颖的网格生成工具,能够在线预览和下载。

tinyfluidgrid

17.  Jquery Masonry

Masonry 是一款 jQuery 布局插件,可以实现类似Pinterest模式的砌体布局效果。

jQuery-Masonry

18.  Foundation

一款易于使用,强大灵活的框架,帮助你构建可以运行在各种终端设备上的应用。

foundation

19.  Diapo

Diapo 是一个开源的自适应幻灯片项目,可以免费下载使用。

diapo

20.  Blue Berry

Blueberry 是一款 jQuery 图片幻灯片插件,用于流体和自适应网页布局。

blue-berry

21.  Slidorion

Slidorion 是轻量的幻灯片插件。可以设定播放速度与播放效果 向上/下/左/右滚动或翻页。

slidorion

22.  Bx Slider

另外一款幻灯片插件,支持水平和垂直两方向,还有渐变效果,可自由制定。

bx-slider

23.  Crafty Slider

Craftyslide is 是一款非常轻量的幻灯片插件,可用于自适应网站项目。

crsft-slide

24.  Convert a menu to dropdown for small screens

这款插件能够帮助在小屏幕尺寸下把导航菜单转换为下拉的形式以免遮挡网页内容。

Convert-a-Menu-to-a-Dropdow

25.  Automatic image montage With Jquery

这是一款非常特别的 jQuery 插件,实现自适应蒙太奇相册效果。

automatic-image-montage-gal

26.  Simple Grid

Simple Grid适用于4种尺寸的屏幕:小于720px、大于720px、大于985px和大于1235px。

simplegrid

27.  The Heads Up Grid

Heads-Up Grid is an 是一个自适应的网站格子插件,非常的特别。

the-heads-up-grid

28.  Seamless responsive photo grid

一款自适应的 jQuery 图片格子插件,简单易用。

seamless-responsive-gallery

29.  Jquery responsive Web

很特别的一款用于帮助你构建自适应网站项目的 jQuery 插件。

jquery-responsive-web

30.  Rlightbox

是一款 jQuery UI 插件,有很多特色的弹窗效果,支持主题定制。

right-box

 

您你可能还喜欢

 

 

英文链接: 8 Responsive jQuery Slider Plugins

编译来源: 梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

本文链接

相关 [帮助 适应 布局] 推荐:

帮助你构建自适应布局的30款优秀 jQuery 插件(下篇)

- - 博客园_首页
自适应设计(Responsive Layouts)是时下网页设计领域最热门的话题之一,自适应设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好的使用体验. 下面是收集的15款优秀的自适应 . jQuery 插件,希望这些插件能够帮助到您. Tiny Fluid Grid Tiny Fluid Grid是一个非常新颖的网格生成工具,能够在线预览和下载.

iPhone 6的自适应布局

- - CSDN博客推荐文章
从IOS6开始,苹果公司就一直建议我们使用自适应布局,但是迄今为止,我发现大家都在回避这个问题,考虑的最多的仍然是固定布局. iPhone 6的上市让人们很难再去逃避自适应布局这个问题,四种屏幕尺寸(如果要支持iPad就要上升到5种)、三种分辨率和转向似乎让着手于自适应布局变得更加简单. 在文章的最后,你应该能流畅使用 storyboards、 约束(constraints)和 size class特性,这三个是Apple为开发和制作自适应布局提供的Xcode工具.

iPhone6设计自适应布局

- - CSDN博客推荐文章
在Xcode中,storyboard是一个可以让我们对应用界面进行可视化布局的工具,你首先可以在storyboard文件中看到一个或若干个iOS设备屏幕大小的布局区,然后你可以从组件库(Object Library)中拖拽组件到屏幕布局区中进行布局(比如按钮、图片、文本框、labels等),你还可以定义屏幕布局区之间的连接关系.

display:table-cell自适应布局下连续单词字符换行

- - 张鑫旭-鑫空间-鑫生活
本文地址: http://www.zhangxinxu.com/wordpress/?p=2161. 一、过年回家,快刀乱麻,直入主题. 之前有 几次提到了使用 display:table-cell实现强大的任意尺寸元素的自适应布局(都藏在长长文章之中). 这里开篇再次提一下,希望能将该技术普及下去.

10款非常有效的帮助你设计超酷响应式布局的jQuery插件

- - 博客园_首页
日期:2012/02/24  来源: GBin1.com. 如 果你关注最近几年的web设计,那么响应式布局(responsive layout)设计对于你来说肯定不是一个陌生的词汇. 相对于传统的页面设计来说,今天的设计者需要考虑的用户来源和用户体验对于设计者来说是一个非常大的挑战,因为随着硬件的更新,新设备的出现,你需要能够 使得你的网站能够针对不同的设置做出最好显示响应.

[常用布局]左栏固定宽度,右栏自适应的两种纯CSS方法

- - 蓝飞技术部落格
其一,左栏固定宽度,右栏自适应之绝对定位法:. 左栏固定宽度,右栏自适应之绝对定位法. 由于左栏使用绝对定位,脱离了文档流,因此有一个缺陷,即当左栏高度大于右栏时,无法将container撑开,这个缺陷单单只看两栏布局并没有太大影响,但如果两栏布局下面有一个底栏,就会出现底栏与左栏重叠的情况:.

互相帮助

- 威 - 杜然的blog——i'm blinded by blackness
每组动作之间,教练让我休息三四十秒钟的时间,说劳逸结合才能增肌增力. 增肌增力,这四个字听着就让人欢喜,觉得付给教练的钱太值了,连休息都能长肌肉长力气. 在这三四十秒的时间里,我跟教练一般会闲聊. 比如,我说如果北京每年都像今年这样多雨,没准儿以后可以北水南调,挖它三条运河,GDP冲得老高了. 有时候,教练会拿出手机中儿子的照片焦灼地等着我的夸赞——我特别理解新爸爸的心情,所以很配合.

怎样帮助他人(转)

- 阿昌 - 时间堂—GTD学习实践小屋
  我们基本上没有什么办法去帮助他人,即使全能的上帝都没有这个能力. 上帝只帮助那些能够自己帮助自己的人:耶稣也曾对人说过:是你们自己坚定的信心在帮助你,不是我. 因为他人的帮助只能解决一时之急,从长远看来,对一个人并没有什么真正的益处.   对于我们任何一个人,生活中总会有一个当下最根本的矛盾问题.

Android 布局之线性布局、相对布局、表格布局、帧布局

- - CSDN博客推荐文章
1、LinearLayout(线性布局). 2、RelativeLayout(相对布局). 3、TableLayout(表格布局 两行两列). 4、FrameLayout(帧布局)显示控件会进行叠加,后者会叠加在前者之上. 作者:h7870181 发表于2012-11-7 22:28:59 原文链接.

氮磷钾帮助抑制核辐射

- rIPPER - Solidot
提前四月一的超时空章鱼 写道 "核治愈权威Zombies教授的助手Asshole博士经过对日本沿海水质的对比测试,指出预防辐射最好方法是尽量吸收氮磷钾(Amifostine),连日来的实验数据表明一样中国特色小吃富含氮磷钾,但由于氮磷钾挥发性比较强,不能长期曝露在空气中,所以必须采取直接入口的方式吞食.