- PVSM.RU - https://www.pvsm.ru -

jQuery-плагины для удивительной web типографики

Добрый час.
Наткнулся на интересную статью (на английском языке) с подборкой jQuery плагинов, для работы с типографикой.
Кому интересно познакомиться с ними, добро пожаловать под кат, перевожу статью для Вас.

Затравка

Типографика является очень важной частью дизайна сайта. Однако ею часто пренебрегают. В этой статье собраны удивительные JQuery-плагины для полного контроля типографики на вашем сайте.

FitText.js

jQuery плагины для удивительной web типографики
FitText простой JQuery-плагин, который автоматически делает текст по ширине родительского элемента. Идеально подходит для необычных заголовков!
Оф. страница: fittextjs.com [1]

Lettering.js

jQuery плагины для удивительной web типографики
Несмотря на то, что CSS3 и @font-face директива определенно улучшились для веб-типографики, это не дает полного контроля. Вот почему был создан Lettering.js. Если вы ищете простое решение, чтобы получить полный контроль написания каждого отдельного элемента заголовка, то этот плагин для вас.
Оф. страница: letteringjs.com [2]

Kern.js

jQuery плагины для удивительной web типографики
Kern.js не является плагином JQuery. Это полезный инструмент, который позволяет редактировать тексты на сайте: изменять размер, вращать буквы, добавить пространства… очень полезный инструмент для тестирования и поиска чего-то нового.
Оф. страница:: kernjs.com [3]

SlabText.js

jQuery плагины для удивительной web типографики
SlabText является очень полезным JQuery-плагином, который построчно разбивает заголовки перед изменением размеров каждой строки, чтобы заполнить доступное пространство по горизонтали. В принципе, это означает, что ваши заголовки всегда будут выглядеть отлично независимо от разрешения экрана клиента.
Оф. страница: www.frequency-decoder.com/2012/01/08/slabtext-a-jquery-plugin... [4]

Bacon.js

jQuery плагины для удивительной web типографики
Bacon.js является JQuery-плагином, который позволяет обернуть текст вокруг кривой Безье или линии.
Оф. страница: baconforme.com [5]

Approach

jQuery плагины для удивительной web типографики
Approach работает аналогично jQuery animate, но с расстоянием. То есть, чем ближе Вы подносите курсор к тексту, тем сильнее будет применяться стиль.
Оф. страница: www.srobbin.com/jquery-plugins/approach/ [6]

Arctext.js

jQuery плагины для удивительной web типографики
Вот еще один интересный модуль, основанный на Lettering.js, который добавляет возможность писать по криволинейной траектории. Может быть полезен для заголовков или других модных (креативных) текстов!
Оф. страница: http://tympanus.net/codrops/2012/01/24/arctext-js-curving-text-with-css3-and-jquery/ [7]

jMetronome

jQuery плагины для удивительной web типографики
jMetronome это JQuery-плагин, который следит за поддержании правильного вертикального ритма на ваших страницах, даже если они содержат медиа-элементы, такие как изображения или видео.
Вертикальный ритм можно охарактеризовать как соотношениями вертикальных размеров визуальных элементов и отступов между ними.
Оф. страница:: http://www.fortes.com/2008/jmetronome-using-jquery-to-keep-typographic-rhythm [8]

Спасибо за внимание!

P.S. от переводчика: Пожалуйста, если Вы нашли ошибку или неточность — напишите мне в ЛС, не будем засорять комментарии.

Автор: KREGI


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/jquery/16720

Ссылки в тексте:

[1] fittextjs.com: http://fittextjs.com

[2] letteringjs.com: http://letteringjs.com/

[3] kernjs.com: http://www.kernjs.com/

[4] www.frequency-decoder.com/2012/01/08/slabtext-a-jquery-plugin...: http://www.frequency-decoder.com/2012/01/08/slabtext-a-jquery-plugin-for-producing-big-bold-responsive-headlines

[5] baconforme.com: http://baconforme.com/

[6] www.srobbin.com/jquery-plugins/approach/: http://srobbin.com/jquery-plugins/approach/

[7] http://tympanus.net/codrops/2012/01/24/arctext-js-curving-text-with-css3-and-jquery/: http://tympanus.net/codrops/2012/01/24/arctext-js-curving-text-with-css3-and-jquery/

[8] http://www.fortes.com/2008/jmetronome-using-jquery-to-keep-typographic-rhythm: http://www.fortes.com/2008/jmetronome-using-jquery-to-keep-typographic-rhythm