20 Фантастични приставки за jQuery Web Type
През последните години уеб типографията премина от неудобство до гордост. От CSS до JavaScript почти ежедневно получаваме страхотни инструменти, които ни помагат да внедряваме страхотен тип.
Днес ще разгледаме най-добрите jQuery плъгини наоколо, които са специално изградени, за да направят уеб типа по-страхотен. Изтеглете няколко и вземете вашия тип допълнително.
Разгледайте дизайнерските ресурси
Манипулация на типографска мярка
FitText - Приставка за надуване на уеб тип
FitText ви позволява лесно и автоматично да разтягате парче текст до размера на контейнера му родител.
HATCHSHOW: приставка за jQuery за мерки за балансиране
Hatchshow ви позволява да създавате колони с текст с еднаква мярка, така че да получите този твърд край, променлив размер на текста (наистина популярен ефект).
slabText - приставка за jQuery за създаване на отзивчиви заглавия
Още един плъгин, който подрежда мерките за вашите отделни линии. Хубавото на този е, че линиите се преливат много добре, докато преоразмерите прозореца.
Адаптивен-Мярка
Този плъгин не се състои в създаването на заглавия за творчество, вместо това той разглежда няколко променливи за вашия тип и генерира идеална и отзивчива мярка за вашите параграфи. Това е чудесно за поддържане на тип, който е много четим в отзивчив дизайн.
BigText
BigText изчислява размера на шрифта и разстоянието на думите, необходими за съпоставяне на ред текст с определена ширина. Тук има готин магьосник.
кърнинга
Kerning.js
Това прави точно както звучи: помага ви да запазите вашия тип уеб. Уеб дизайнерите обикновено прескачат кернинга, тъй като е толкова сложен и разхвърлян, това прави процеса лесен.
TypeButter: Optical Kerning FTW!
Вместо да ръчно настройвате кернинга за всяка буква, с TypeButter можете да настроите оптично кернинг, който върши работа за вас. Можете да използвате една от предоставените настройки за шрифтове или да превъртите своя собствена.
jKerny.js, плъгин jQuery, за да улеснява кернинга
jKerny внедрява нови CSS псевдоселектори за разстояние между букви, интервал на думи, първа буква, последна буква и др.
Опаковане
бекон
Опаковане на текст до крайност. Беконът ви позволява да увивате текст около кривата на безир или линия. Всъщност е доста впечатляващо и може да създаде някои наистина сложни опаковки.
jQSlickWrap - Плъзгащо опаковане на текст за jQuery
JQSlickWrap ви помага да увиете текста си около изображение, независимо колко сложно е. Просто ощипвате няколко настройки, а за останалите се полагате автоматично.
Вертикални ритмични и базови мрежи
jMetronome: Използване на jQuery за поддържане на типографски ритъм
Този скрипт ви помага да поддържате вертикален ритъм за вашата типография, като добавяте подплънки към различни нетекстови елементи, за да сте сигурни, че общата му височина е кратна на общата височина на реда на документа.
SimonFairbairn / Line-In-типография
Този плъгин показва линии въз основа на височината на линията на вашата тема, така че да можете правилно да настроите вертикалния си ритъм и да подредите цялата си типография в основна линия.
Автоматична височина на линията: приставка за jQuery за гъвкави оформления
Автоматичната височина на линията настройва височината на линията на контейнер (например div) пропорционално на неговата ширина, спрямо размера на шрифта. Друго чудесно средство за помощ при отзивчив тип.
Супер практичен
Lettering.js - Приставка за jQuery за радикална уеб типография
Lettering.js ви дава това, което CSS не прави: свободата да насочвате всяка отделна буква поотделно. Това отваря всички видове невероятни възможности за творчески стайлинг на база буква.
KarlRoos / jQuery.responsiveText
Включете и възпроизведете отзивчив текст. Просто насочете контейнер или цялата страница и скриптът ще свърши останалото!
Готини и луди ефекти
jqIsoText: jQuery Plugin Text Effect
Причудлив текстов приставка, който манипулира размера на отделните букви, за да създаде уникален ефект.
Arctext.js - Извиване на текст с CSS3 и jQuery
Създаването на извити линии на текста е доста трудно, когато работите с жив тип уеб. Този плъгин го прави много по-лесно и дори може да ви помогне да оживите промяната.
Textualizer
Textualizer изгражда творчески преход от един абзац в друг. Преходът е нещо като разбъркан, смесен ефект, който привлича вниманието ви.
Ефект на разбъркване на букви: приставка за jQuery
Този плъгин ви дава анимация, която преминава през куп случайни букви, преди да кацнете върху текста, който сте въвели. Хубав и интересен начин да въведете заглавие.
TextGrad
TextGrad създава градиент и го разтяга върху ред текст. Просто и ефективно!
Какво пропуснах?
Тези двадесет jQuery приставки представляват най-добрите инструменти за типография, които бих могъл да намеря. Сигурен съм, че има един тон повече навън, така че оставете коментар по-долу и ме уведомете какво съм пропуснал!
