- 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/16713
Ссылки в тексте:
[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
Нажмите здесь для печати.