jQuery plugins for amazing web typography
Good hour, Habr.
I came across an interesting article (in English) with a selection of jQuery plug-ins for working with typography.
Who cares to meet them, welcome under the cat, translate the article for you.
FitText is a simple jQuery plugin that automatically makes text fit to the width of the parent element. Perfect for unusual headlines!
Of page: fittextjs.com
')
Although the CSS3 and @ font-face directive have definitely improved for web typography, this does not give full control. This is why Lettering.js was created. If you are looking for a simple solution to get complete control over the writing of each individual title element, then this plugin is for you.
Of page: letteringjs.com
Kern.js is not a jQuery plugin. This is a useful tool that allows you to edit texts on the site: resize, rotate letters, add spaces ... a very useful tool for testing and finding something new.
Of page :: kernjs.com
SlabText is a very useful jQuery plugin that breaks headers line by line before resizing each line to fill the available space horizontally. In principle, this means that your headlines will always look great regardless of the screen resolution of the client.
Of page: www.frequency-decoder.com/2012/01/08/slabtext-a-jquery-plugin ...
Bacon.js is a jQuery plugin that allows you to wrap text around a Bezier curve or line.
Of page: baconforme.com
Approach works like jQuery animate, but with distance. That is, the closer you bring the cursor to the text, the stronger the style will be applied.
Of page: www.srobbin.com/jquery-plugins/approach/
Here is another interesting module based on Lettering.js, which adds the ability to write along a curved path. It can be useful for headlines or other fashionable (creative) texts!
Of page: http://tympanus.net/codrops/2012/01/24/arctext-js-curving-text-with-css3-and-jquery/
jMetronome is a jQuery plugin that keeps track of the correct vertical rhythm on your pages, even if they contain media elements, such as images or videos.
The vertical rhythm can be characterized as the ratio of the vertical dimensions of the visual elements and the indents between them.
Of page :: http://www.fortes.com/2008/jmetronome-using-jquery-to-keep-typographic-rhythm
Thanks for attention!
PS from the translator: Please, if you find an error or inaccuracy - write to me in the LAN, we will not clutter up comments.
I came across an interesting article (in English) with a selection of jQuery plug-ins for working with typography.
Who cares to meet them, welcome under the cat, translate the article for you.
Priming
Typography is a very important part of website design. However, it is often neglected. This article contains amazing jQuery plugins for full control of typography on your site.FitText.js
FitText is a simple jQuery plugin that automatically makes text fit to the width of the parent element. Perfect for unusual headlines!
Of page: fittextjs.com
')
Lettering.js
Although the CSS3 and @ font-face directive have definitely improved for web typography, this does not give full control. This is why Lettering.js was created. If you are looking for a simple solution to get complete control over the writing of each individual title element, then this plugin is for you.
Of page: letteringjs.com
Kern.js
Kern.js is not a jQuery plugin. This is a useful tool that allows you to edit texts on the site: resize, rotate letters, add spaces ... a very useful tool for testing and finding something new.
Of page :: kernjs.com
SlabText.js
SlabText is a very useful jQuery plugin that breaks headers line by line before resizing each line to fill the available space horizontally. In principle, this means that your headlines will always look great regardless of the screen resolution of the client.
Of page: www.frequency-decoder.com/2012/01/08/slabtext-a-jquery-plugin ...
Bacon.js
Bacon.js is a jQuery plugin that allows you to wrap text around a Bezier curve or line.
Of page: baconforme.com
Approach
Approach works like jQuery animate, but with distance. That is, the closer you bring the cursor to the text, the stronger the style will be applied.
Of page: www.srobbin.com/jquery-plugins/approach/
Arctext.js
Here is another interesting module based on Lettering.js, which adds the ability to write along a curved path. It can be useful for headlines or other fashionable (creative) texts!
Of page: http://tympanus.net/codrops/2012/01/24/arctext-js-curving-text-with-css3-and-jquery/
jMetronome
jMetronome is a jQuery plugin that keeps track of the correct vertical rhythm on your pages, even if they contain media elements, such as images or videos.
The vertical rhythm can be characterized as the ratio of the vertical dimensions of the visual elements and the indents between them.
Of page :: http://www.fortes.com/2008/jmetronome-using-jquery-to-keep-typographic-rhythm
Thanks for attention!
PS from the translator: Please, if you find an error or inaccuracy - write to me in the LAN, we will not clutter up comments.
Source: https://habr.com/ru/post/153883/
All Articles