红桥企业网站建设:10个流行的Web排版框架和图书馆

2019.06.17 红桥企业网站建设

174

曾经有一段时间,网络排版只是一个简单的问题把几个字体放在一起..现在,现代网页设计已经发展到了我们期望文本能做得更多的地步。我们希望它能够响应用户的屏幕,自动适应指定的空间,并提供其他高级功能。

在一些优秀的框架和库的帮助下,红桥企业网站建设可以实现以下几个激动人心的排版效果..下面是我们最喜欢的收藏。

挡板.js

js为想要的文本添加了一个有趣的“模糊和显示”效果。红桥企业网站建设乍一看,文本出现混乱。然后,动画序列系统地显示文本字符串。有许多装饰性的用途,但它似乎是一个可怕的基础,一个词-乱码游戏。

红桥企业网站建设 

菲蒂

我们在网络排版中看到的一种趋势是允许文本自动调整大小以适应其父容器。Fitty是一个很小的脚本,它将此功能添加到您的网站中。它支持Web字体多行文本。随着用户视图的改变,脚本也会自动调整。

 

Texttillate.js

js组合了两个流行的文本动画库(动画.css和信js)创建一个超级强大的文本效果集合。实际上,在一个易于使用的jQuery插件中,您所追求的任何类型的动画都是可能的。

 

反应文本梯度

添加漂亮的文本梯度到您的网站与反应文本梯度。此Reaction组件将检查是否background-clip是可用的。如果是这样,则在CSS中应用梯度。否则,将使用SVG梯度作为后备。

 

自动文本旋转

自动文本旋转不是最光滑的名字,但是这个jQuery插件非常酷。红桥企业网站建设可以用多个动画效果替换字符串中的文本。如果需要,您还可以在同一行中更改多个单词。

 

ShareSelectedText.js

使用ShareSelectedText.js会为任何网站带来中等风格的文本引用共享。用户所需要做的就是选择一些文本,然后出现一个图标菜单-允许在您喜欢的任何支持服务(Facebook、Twitter、Reddit、LinkedIn、Tumblr等)上共享。让用户共享对他们最重要的部分内容是非常方便的。

 

反应揭示文本

Reaction显示文本是一个用动画显示文本的小型库。它使用CSS转换,这意味着配置起来相当简单。它可以像你网站上的任何其他元素一样被设计。这可能是一个非常有用的效果英雄旗帜或登陆页面介绍。

 

信件

js是一个jQuery插件,允许按字母进行控制。这相当简单。调用脚本并定义与要更改的文本对应的CSS类或ID。定义的类中的每个字母都会变成一个HTML。span有自己的阶级。使用CSS将每个字母的样式设置为最大!

 

文本平衡器

文本平衡器是由“纽约时报”开发的,这个简单脚本的目的是从你的内容中删除排印寡妇。您可以只在特定的CSS选择器上运行脚本,或者更一般地使用.balance-text班级,等级。

 

Typed.js

js接受文本字符串并在浏览器中“键入”它们,删除它们并移到下一个字符串。它使用起来很简单,也是讲故事的好方法。您可以设置任意数量的文本字符串(在脚本本身中或通过使用CSS选择器)和输入它们的速度,以及一些方便的选项。

 

这是你喜欢的类型

通过上面提到的脚本的强大功能,网络排版能够远远超越典型的文字。我们现在可以完全控制文本的外观和功能。在外观方面,曾经是印刷图形领域的特效现在很容易在网络上复制。使设计者能够创建更好、更友好的UX的工具增强了功能。

对于您的下一个项目,红桥企业网站建设花点时间想象一下如何更好地实现排版以增强它。然后,利用这些神奇的工具之一来实现它。

 


寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP