8个实用的页面布局和用户界面jQuery插件

标签: 网页设计 jquery WEB 网站设计 | 发表时间:2013-04-16 18:54 | 作者:jackchen
出处:http://www.jackchen.cn/blog

8个实用的页面布局和用户界面jQuery插件
网页设计师和网页开发人员在做项目的时候可能会有一些页面的布局或者对于UI有一些特定的要求。可能一些需求不能单独使用CSS就能实现的。于是很多时候开发人员都会消耗大量的时间和精力去写一些JS来协助实现。其实如果你知道一些jQuery,你会发现这些jQuery非常的好用和灵活。在这篇文章中我们分享了一些优秀实用的jQuery插件。希望可以帮助你完成一些你一直想要的东西,也希望可以提高你进行中的项目。它涉及到关于网页的布局和用户的界面。Enjoy it :D

equalize.js

均衡的高度或宽度的元素的jQuery插件。

8个实用的页面布局和用户界面jQuery插件

jQuery的滚动路径

jQuery滚动的路径这是一个插件定义自定义的滚动路径。这使用画布味的语法来绘制直线和圆弧。

8个实用的页面布局和用户界面jQuery插件

freetile.js

Freetile是一个jQuery的插件,使该组织的网页内容在一个高效,动态和响应布局。

8个实用的页面布局和用户界面jQuery插件

gridster.js

这是神话般的拖动和拖放多列网格已经到来。Gridster是一个jQuery插件,允许建立直观的拖动的布局元素跨越多个列。

8个实用的页面布局和用户界面jQuery插件

rcarousel

rcarousel – 一个连续的jQuery UI的旋转木马。

8个实用的页面布局和用户界面jQuery插件

jQuery HiddenPosition的

放置任何元素的任何元素,即使它们被隐藏。

8个实用的页面布局和用户界面jQuery插件

turn.js

Turn.js是一个JavaScript库,使您的内容看起来像一个真正的书或杂志使用HTML5的所有优点。该网站是越来越美丽的基于HTML5的新的用户界面; turn.js是最适合基于HTML5的一本杂志,书籍或目录。

8个实用的页面布局和用户界面jQuery插件

BookBlock

一个jQuery插件,将创建一个类似小册子的组件,让您翻转页面,通过其项目导航。

8个实用的页面布局和用户界面jQuery插件

 


Via


猜您也喜欢:

10有趣的轻量级jQuery插件的Web开发

伟大新鲜的jQuery插件和网页设计资源

现代用户界面和布局教程

2012年50+最有用的jQuery插件
来自无觅网络的相关文章:

60款很酷的 jQuery 幻灯片演示和下载 (@artfans)

最佳6款用于移动网站开发的 jQuery 图片滑块插件_ARTFANS视觉杂志™ (@artfans)

jQuery 图片点击特效 (@poboo)

30个让人印象深刻的CSS网站布局作品 (@artfans)
无觅

相关 [页面 布局 用户界面] 推荐:

8个实用的页面布局和用户界面jQuery插件

- - Jackchen Design 1984
网页设计师和网页开发人员在做项目的时候可能会有一些页面的布局或者对于UI有一些特定的要求. 可能一些需求不能单独使用CSS就能实现的. 于是很多时候开发人员都会消耗大量的时间和精力去写一些JS来协助实现. 其实如果你知道一些jQuery,你会发现这些jQuery非常的好用和灵活. 在这篇文章中我们分享了一些优秀实用的jQuery插件.

页面布局算法调整

- - Google 黑板报 - Google (谷歌)中国的博客网志,走近我们的产品、技术和文化
发表者:Matt Cutts,工程师. 原文: Page layout algorithm improvement. 转载自: 谷歌中文网站管理员博客. 发布时间:2012年2月8日 下午 01:15:00. 一直以来,我们都致力于帮助您在搜索结果中找到更多优质网站,最近我们对算法做出了新的调整,旨在改进网页布局以及您在点击搜索结果后能够看到的网页内容的数量.

CSS3 Region:基于HTML和CSS3的富页面布局

- John - 前端观察
译自:CSS3 regions: Rich page layout with HTML and CSS3. 中文:CSS3 Region:基于HTML和CSS3的富页面布局. 请尊重版权,转载请注明来源,多谢. 互联网已经成为一个提供参考、教材、新闻、文章和交互应用的大宝库了. 然而,当为印刷设计内容时,一些功能显然仍然不可能或者很难使用Web标准来实现.

使用HTML与CSS3进行富页面布局

- - InfoQ cn
长久以来,复杂布局一直是印刷媒体的一个主要关注点. 出版物如杂志、报纸上固有的物理限制导致它们创造了非常复杂的流布局. 在这样的布局中,内容可以跨越多个列显示并且可以环绕在图片和表格周围进行编排. 布局需要能够在整个排版过程中随着内容添加和改变进行动态调整. Adobe正通过向W3C提案 CSS Regions Module与 CSS Exclusions Module,力图将该层次的布局控制引入到Web中.

页面架构HTML+CSS ●▽● 各种布局各种实现

- - SegmentFault 最新的文章
(1)清除浏览器默认样式. (1)项目开发初期就定义好. (2) reset.css 在引入的时候一定要放在第一位. (3)不同的产品 reset.css不一样. 3.table合并边框间距. table { border-collapse: collapse; // 合并边框 border-spacing: 0; //边框间距.

从图形用户界面到自然用户界面 - 对Windows 8中两种用户界面的思考

- - cnBeta.COM
当然,GUI还会在可以预见的未来长期存在,就像命令行界面(CLI)直到现在都一直存在一样. 顺便说一句,虽然从2000(NT5.0)起的 Windows不再是在DOS上加一个图形界面的外壳,命令处理程序(cmd)一直存在,甚至在7中引进了PowerShell(作为Linux爱好者, 这里就忍住不吐槽PS了),其原因值得思考.

NUI自然用户界面(Natural User Interface)

- - IT技术博客大学习
    NUI不是一个新名词.      只是经历近年的一些新产品,有了更贴切的感受.      特别是消费电子终端界面CLI、GUI、NUI的变化. 在桌面端,对象通常是显示固定的屏幕,设计师专注于键鼠驱动下的视觉效果. 到了移动端,拥有更多传感器与交互方式,便携使得移动设备不限时空,传统专注于固定场景与操作的设计思路不合时宜.

40个良好用户界面Tips

- - 设计达人
一个良好的用户界面应具有高转换率,并且易于使用. 但要用户体验良好并不容易做到,下面我们整理了40个良好用户界面Tips,希望能对你有帮助. 1 尽量使用单列而不是多列布局. 单列布局能够让对全局有更好的掌控. 而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达. 最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮.

iOS 7用户界面过渡指南

- - 搜狐MUED搜狐MUED - 移动用户体验团队
本文PDF格式文档下载地址: http://vdisk.weibo.com/s/HsGc- 过渡前的准备. 重要:由于iOS7还未最终发布,该文档的部分内容还会继续修改. iOS 7引入了许多用户界面上的改变,比如无边框的按钮,透明操作栏,全屏视图控制器布局. 使用Xcode 5可以创建iOS 7项目,并使用模拟器一窥iOS 7用户界面的变化.