Закрыть
E-mail:
Пароль:
Забыли пароль?
В каталоге проекта: 11 871 веб-студия, 935 CMS, 233 522 сайта.
РегистрацияCMS MagazineВход
CMS Magazine CMS Magazine

20 потрясающих jQuery-плагинов для работы с текстом

В последние годы типографика превратилась из недостатка в предмет гордости многих сайтов. С каждым днём становится всё больше инструментов для создания выразительных шрифтовых эффектов, от CSS до JavaScript.

Сегодня мы расскажем о лучших jQuery-плагинах, призванных помочь в работе со шрифтом. Загрузите парочку и сделайте отображение текста на вашем сайте более совершенным.

Регулирование размера шрифта

FitText позволяет автоматически подгонять текст под размер габаритного контейнера.

Hatchshow позволяет создавать колонки текста одинаковой ширины. В результате появляются колебания размера букв и резкая граница текста — очень популярный сегодня эффект.

Ещё один инструмент для выравнивания ширины строк. Его достоинство заключается в том, что строки перестраиваются и отлично выглядят при любом размере окна.

Этот плагин не ставит своей задачей создание «креативных» заголовков. Он учитывает несколько параметров шрифта и рассчитывает идеальную ширину абзаца для каждого размера экрана, обеспечивая тем самым удобочитаемость текста в адаптивном макете.

BigText рассчитывает кегль шрифта и размер межсловных пробелов и подгоняет строку текста под определённую ширину.Здесь можно поиграть с инструментом онлайн.

Необходим сайт, мобильное приложение, услуги по SEO или контекстной рекламе? Тендерная площадка WORKSPACE поможет выбрать оптимального исполнителя. База проекта насчитывает более 10 500 агентств. Сервис работает БЕСПЛАТНО как для заказчиков, так и для исполнителей.

Кернинг

Название плагина говорит само за себя: он позволяет регулировать расстояние между знаками. Обычно веб- дизайнеры предпочитают не связываться с кернингом, так как это сложное и хлопотливое дело, но Kerning.js упрощает работу с интервалами.

С TypeButter вам не придётся вручную корректировать интервалы между буквами: нужно лишь указать параметры оптического кернинга, и скрипт сам всё сделает. Можно как выбирать существующие настройки, так и устанавливать свои.

jKerny использует новые CSS- псевдоселекторы для настройки межсловных и межбуквенных пробелов, выделения первой и последней буквы и других подобных операций.

Обтекание текстом

Bacon — это технология обтекания текстом, доведённая до совершенства. Инструмент позволяет выравнивать край текста вдоль линии или кривой Безье. Выглядит впечатляюще! С ним вы сможете создавать самые сложные текстовые эффекты.

JQSlickWrap помогает окружить текстом любое изображение независимо от его формы. Надо лишь настроить несколько параметров, об остальном позаботится плагин.

Членение текста по вертикали и сетка строк

Скрипт позволяет сохранить чёткий вертикальный ритм страницы путём добавления отступов к различным нетекстовым элементам, так чтобы их высота была кратна высоте строки.

Плагин выводит на экран линии — высоту строк в шаблоне, тем самым позволяя точно разбивать текст по вертикали и выравнивать его по сетке строк.

Инструмент регулирует высоту строк в контейнере (например, div) пропорционально его ширине и с учётом размера шрифта.

Полезное

Lettering.js даст вам то, чего не может дать CSS: возможность редактировать каждую букву. С ним вы откроете целый мир новых стилей.

Подключите плагин и экспериментируйте с адаптивным текстом: просто выберите контейнер или целую страницу — всё остальное сделает скрипт.

Яркие и необычные эффекты

Своеобразный текстовый эффект, построенный на колебании размера букв.

Выравнивать текст вдоль кривой — довольно сложная задача при работе с подвижным веб-шрифтом. Arctext.js призван упростить её, кроме того, он может показывать изменения в виде анимации.

Textualizer даёт необычный переход при появлении на экране нового текста. Абзацы сменяют друг друга, создавая на экране интересную путаницу и движение, привлекающие внимание зрителя.

Плагин создаёт анимированный текст. Надпись появляется, когда сменяющие друг друга в случайном порядке буквы вдруг становятся на свои места. Необычный и выразительный приём оформления заголовка.

TextGrad заливает текст градиентом. Просто и эффектно.

Что я упустил?

Эти двадцать jQuery-плагинов — лучшие шрифтовые инструменты, которые я сумел найти. Уверен, существует много других интересных скриптов. Буду благодарен за комментарии и дополнения!

Автор: Джошуа Джонсон, перевод: Proactivity

Оригинал: http://designshack.net/articles/javascript/20-fantastic-jquery-web-type-plugins/

Комментарии (Facebook)

Рекомендуем:


CMS Magazine CMS Magazine
Реклама
RSS-подписка
CMS Magazine CMS Magazine
CMS Magazine