一个网站的设计,排版是一个非常重要的组成部分。但它也常常被忽视。在这篇文章中,我编了最棒的jQuery插件,以便于来控制您的网站的排版。
FitText.js
FitText是一个简单的jQuery插件,可以自动使文本适合它的父元素的宽度。
下载:http://fittextjs.com/
Lettering.js
虽然CSS3的@ font-face的指令已经有了明显的改善网页排版,它并没有提供完整的到字母的控制。这就是为什么要创建 Lettering.js。如果你正在寻找一个简单的解决方案,让您的标题,每一个单个字母的控制,那么这个插件正是给你的。
下载:http://letteringjs.com/
Kern.js
当我创建设计或前端,Kern.js 不仅是一个jQuery插件,还是一个书签,允许您从网站编辑文本:使他们增大,旋转字母,增加空间。。。是一个用于测试和寻找新的可能性的非常有用的工具。
下载:kernjs.com
SlabText.js
SlabText是一个非常有用的jQuery插件,可以分割成调整大小的每一行的行前的头条新闻,以填补可用的水平空间。基本上,这意味着,无论任何客户端屏幕大小,您的标题总是会很好看。一个必须具备的响应网站!
下载:http://www.frequency-decoder.com/2012/01/08/slabtext
Bacon.js
Bacon是一个jQuery插件,可以让文字围绕一个贝塞尔曲线或直线。杂志般的包裹的文字效果非常酷!
下载地址:http://baconforme.com/
Approach
Approach是一个有趣的插件,如果你想给一个文本文件(例如,一个动作性按钮)一种特殊的效果,吸引读者的关注。这个插件与jQuery动画工作方式非常相似,但它的动画距离,而非时间。你越接近的文本,可以应用更多的风格。
下载:http://srobbin.com/jquery-plugins/approach/
Arctext.js
这里是另一个很酷的插件,Lettering.js 的基础上,沿着弯曲的路径排列每个字母。可以非常好的用于标题,头条或其他花哨的文本。
下载:http://tympanus.net/codrops/2012/01/24/arctext-js-curving
jMetronome
根据24ways.org,垂直节奏的间距和排列的文字,读者下降的页面,三个因素组成:字体大小,行高,间距或填充。所有这些因素都应小心计算,以便于保持节奏。
jMetronome是一个jQuery插件,它可以在您的网页上保持正确的垂直节奏,即使它们包含例如图片或视频的媒体元素。
下载:http://www.fortes.com/2008/jmetronome-using-jquery-to-keep-typographic-rhythm
中文发布地址:http://www.aodod.com/bencandy.php?fid-12-id-378-page-1.htm
翻译:奥德传媒