11个jQuery插件,可以增强你的排版

有一系列很棒的jQuery排版插件,可以让网页设计师更好地控制他们的网站。网络排版.在有能力的设计师手中,您可以利用jQuery的强大功能在网页排版上达到高度的优雅和精致。下面是一个顶级的jQuery插件列表,它们服务于与网页排版相关的广泛目的,从帮助你实现@font-face在网站字体方面,为用户提供更好的可用性和功能。

1.Lettering.js

视图演示一个jQuery插件,旨在促进“激进的网页排版”,letter.com js允许设计师能够设置动态和引人注目的排版,这将是非常困难或不可能使用其他方法做到的。js的目标是让你完全控制网页的类型,直到单个字母的操作。

2.jMetronome

在排版中有一个流行的概念,它有助于美丽、易于阅读的字体的间距和排列排版的节奏.这是一个在印刷术世界中已经确立的观点,即文档中的文本和空间之间的关系创造了一种视觉节奏,这影响了文档的整体美学基调和可读性。在网页中,当主体文本中穿插着图像、表格、区块引号和其他元素时,在不牺牲内容编辑和灵活性的情况下,很难保持垂直节奏。

jQuery的jMetronome插件可以帮助您更容易地保持网页的排版节奏,即使添加了非文本元素。

3.FitText

FitText可以帮助您排版,特别是在制作时响应式网页设计.插件会根据浏览器的视口大小自动缩放你的文本元素。举个例子,当你在移动设备上浏览标题时,你想要缩小标题所占的屏幕空间。

4.FontEffect

FontEffect是一个jQuery插件,让设计师能够应用文本的影响如轮廓,阴影,渐变和镜像到正常的HTML文本元素。这意味着FontEffect应用所需的效果,而不需要图像。虽然这些文本效果可以实现使用CSS3, FontEffect可能是有用的,如果你喜欢或需要使用JavaScript。

5.jQuery方法

这个jQuery插件为网页设计师提供了根据用户鼠标光标的接近程度来改变文本对象的能力。例如,设计人员可以使用Approach配置一个文本元素,使其在光标接近时变小变浅,在光标远离时变大变深。对于那些想要在访问网站时为用户提供交互式体验的设计师来说,这是一个很棒的插件。

6.jqIsoText

视图演示jQuery插件是一个简单的插件,它只做一件事:它呈现一个拱形效果,即目标文本元素的字符随着你接近中心而变大,然后随着你接近最后一个字符而逐渐减小。它模仿,尽其所能,等距/反射外观。这是一个有趣的,有趣的和单一用途的插件,可能是有用的提请注意重要的文本内容使用独特的设计的原则。

7.机场

jQuery机场插件是一个文本动画插件,它模拟了你过去在机场、火车站、汽车站等地方看到的闪烁的时刻表/信息板。这个插件为你提供了创造性的风格和动画文本的能力,你想要获得关注。

8.jQuery的光芒

视图演示顾名思义,这个简单的jQuery插件可以让你的文本在鼠标悬停时发光。虽然CSS3也可以实现类似的效果(有关想法,请参阅一些有趣的CSS3实验和演示),除了事实上许多用户仍然没有使用css3功能的web浏览器,使用JavaScript允许你绑定辉光效果基于事件之外的悬停,触发器,焦点等,CSS不能监听。

9.jQuery sIFR插件

jQuery sIFR插件允许sIFR(可伸缩Inman Flash替换)的简单实现。sIFR是一种使用非web安全字体渲染文本的旧方法。它使用Flash。

虽然@font-face是现在流行的使用自定义字体组成网页类型的方式,它可能有局限性,可能会让你选择sIFR代替。(然而,sIFR也有自己的缺点,可以引导你远离它。)

10.jQuery文本大小调整插件

视图演示jQuery文本大小调整插件让你的用户在一定程度上控制字体大小。默认情况下,该插件为网页添加了三个用户命令(增大字体大小,减小字体大小和重置为正常字体大小)。虽然大多数主流浏览器都提供了文本调整功能,但许多互联网用户并不知道这些功能的存在,他们可能会喜欢在页面内调整文本大小的方式。

该插件与jQuery协同工作饼干插件这样,当用户下次访问时,它就能记住用户的设置(当然,如果他们启用了cookie)。另一个类似的插件是字体调整器。

11.BigText

视图演示BigText jQuery插件很简单:它会自动调整你的文本大小以适合它的父元素。这将导致完全对齐(尽管典型的对齐是通过改变字符和单词的间距来实现的,而不是通过字体大小)。这个插件的伟大之处在于它可以在动态的、可编辑的文本区域中工作,这样当用户输入时,字体就会调整大小。

结论

需要注意的一点是,在网页设计中被广泛认为的最佳实践是尽可能使用CSS来处理表示/视觉层(如网页排版)。然而,CSS有JavaScript可以解决的局限性。jQuery插件的绝对数量是惊人的,这个列表上的项目只是可用的最有趣和强大的插件中的一小部分。

新的jQuery插件的开发继续以惊人的速度进行。从操纵单个字母的风格到促进响应式网页设计,如果有一个可以想象的排版工具,那么可能有一个jQuery插件可以实现它。所以如果你知道一个好的jQuery插件,可以改善网页排版,请在下面的评论中分享。

相关内容

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。

我们招聘!
查看30+职位空缺!