- PVSM.RU - https://www.pvsm.ru -
Добрый час.
Наткнулся на интересную статью (на английском языке) с подборкой jQuery плагинов, для работы с типографикой.
Кому интересно познакомиться с ними, добро пожаловать под кат, перевожу статью для Вас.
Типографика является очень важной частью дизайна сайта. Однако ею часто пренебрегают. В этой статье собраны удивительные JQuery-плагины для полного контроля типографики на вашем сайте.
FitText простой JQuery-плагин, который автоматически делает текст по ширине родительского элемента. Идеально подходит для необычных заголовков!
Оф. страница: fittextjs.com [1]
Несмотря на то, что CSS3 и @font-face директива определенно улучшились для веб-типографики, это не дает полного контроля. Вот почему был создан Lettering.js. Если вы ищете простое решение, чтобы получить полный контроль написания каждого отдельного элемента заголовка, то этот плагин для вас.
Оф. страница: letteringjs.com [2]
Kern.js не является плагином JQuery. Это полезный инструмент, который позволяет редактировать тексты на сайте: изменять размер, вращать буквы, добавить пространства… очень полезный инструмент для тестирования и поиска чего-то нового.
Оф. страница:: kernjs.com [3]
SlabText является очень полезным JQuery-плагином, который построчно разбивает заголовки перед изменением размеров каждой строки, чтобы заполнить доступное пространство по горизонтали. В принципе, это означает, что ваши заголовки всегда будут выглядеть отлично независимо от разрешения экрана клиента.
Оф. страница: www.frequency-decoder.com/2012/01/08/slabtext-a-jquery-plugin... [4]
Bacon.js является JQuery-плагином, который позволяет обернуть текст вокруг кривой Безье или линии.
Оф. страница: baconforme.com [5]
Approach работает аналогично jQuery animate, но с расстоянием. То есть, чем ближе Вы подносите курсор к тексту, тем сильнее будет применяться стиль.
Оф. страница: www.srobbin.com/jquery-plugins/approach/ [6]
Вот еще один интересный модуль, основанный на Lettering.js, который добавляет возможность писать по криволинейной траектории. Может быть полезен для заголовков или других модных (креативных) текстов!
Оф. страница: http://tympanus.net/codrops/2012/01/24/arctext-js-curving-text-with-css3-and-jquery/ [7]
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
Нажмите здесь для печати.