Vandaag heb ik een collectie van 19 jQuery plugins die aan de slag gaan met de tekst op je site, responsive tekst plugins die jou precies de breedte en hoogte van de tekst laten controleren. Maar ook ook plugins om de tekst te verfraaien en mooi te maken.

FlowType.JS

FlowType.JS jQuery Typography Text Plugins

Met Flowtype.js kun je de font-size en de lijn hoogte van de tekst aanpassen, dit helpt je om de algehele aantrekkingskracht van de website te verbeteren. Je kunt ook een maximum en minimum drempel bepalen om Flowtype.js te controleren.

[button url=”http://simplefocus.com/flowtype/” target=”_self” size=”small” style=”periwinkle” ]FlowType.JS[/button]

Squishy

Squishy jQuery Typography Text Plugins

Squishy is een plugin die autmatisch de tekst passend maakt voor de container waar het in staat, zonder extra werk. Het heeft een aantal opties om het ‘squishiness’ te controleren : maxSize, minSize, maxWidth and minWidth

[button url=”http://cmsauve.com/projects/squishy/” target=”_self” size=”small” style=”periwinkle” ]Squishy[/button]

slabText

slabText jQuery Typography Text Plugins

Met slabText kun je die grote vergedrukte kopteksten maken die op dit moment erg populair lijken te zijn. De plugin maakt een aantal rijen van jou kopteksten en past elke regel zo aan dat het precies de horizontale ruimte vult die je hebt aangegeven.

[button url=”http://freqdec.github.io/slabText/” target=”_self” size=”small” style=”periwinkle” ]slabText[/button]

FitText

FitText jQuery Typography Text Plugins

Deze eplugin heeft ongeveer de zelfde functionaliteit als Squishy, FitText bied je schaalbare kopteksten die de breedte van het element waar het in staat uit vult.

[button url=”http://fittextjs.com/” target=”_self” size=”small” style=”periwinkle” ]FitText[/button]

responsiveText

responsiveText jQuery Typography Text Plugins

responsiveText is een schaalbare titel plugin dat de tekstgroote responsive aanpast aan het element waar het in staat.

[button url=”http://garyhepting.com/jquery-responsive-text/” target=”_self” size=”small” style=”periwinkle” ]responsiveText[/button]

TypeButter

TypeButter jQuery Typography Text Plugins

Met TypeButter kun je de optical kerning van elke font op je website aanpassen. Optical kerning past de witruimte tussen verschillende letters aan zodat er geen onnatuurlijk wit onstaat.

[button url=”http://typebutter.com/” target=”_self” size=”small” style=”periwinkle” ]TypeButter[/button]

Hatchshow

Hatchshow jQuery Typography Text Plugins

 

[button url=”http://charliepark.org/hatchshow/” target=”_self” size=”small” style=”periwinkle” ]Hatchshow[/button]

Animated Typography Plugins

Textillate.js

Textillate.js animation jQuery Typography Text Plugins

Mwt Textillate.js is kun je fantatische CSS3 animaties aan elke blok tekst toevoegen. Je hebt ook lettering.js en animate.css to nodig om deze plugin te laten werken..

[button url=”http://jschr.github.io/textillate/” target=”_self” size=”small” style=”periwinkle” ]Textillate.js[/button]

funnyText.js

funnyText.js animation jQuery Typography Text Plugins

Met funnyText.js is het erg makkelijk om rare en speelse dingen te doen met de blokken tekst op je site.

[button url=”http://alvarotrigo.com/funnyText/” target=”_self” size=”small” style=”periwinkle” ]funnyText.js[/button]

Super Easy Text Rotator

Super Easy Text Rotator animation jQuery Typography Text Plugins

Super Easy Text Rotator is een lichtgewicht plugin waarmee je met weinig tot geen markup tekst kunt laten roteren.

[button url=”http://www.thepetedesign.com/demos/jquery_super_simple_text_rotator_demo.html#” target=”_self” size=”small” style=”periwinkle” ]Super Easy Text Rotator[/button]

Lettering.js

Lettering.js animation jQuery Typography Text Plugins

[button url=”http:/letteringjs.com//” target=”_self” size=”small” style=”periwinkle” ]Lettering.js[/button]

Jumble

Jumble jQuery Typography Text Plugins

[button url=”http://github.com/vonKristoff/jumble” target=”_self” size=”small” style=”periwinkle” ]Jumble[/button]

Wrapping Text Plugins

CircleType.js

CircleType.js jQuery Typography Text Plugins

[button url=”http://circletype.labwire.ca/” target=”_self” size=”small” style=”periwinkle” ]CircleType.js[/button]

Bacon

Bacon jQuery Typography Text Plugins

[button url=”http://baconforme.com/” target=”_self” size=”small” style=”periwinkle” ]Bacon[/button]

jQSlickWrap

jQSlickWrap jQuery Typography Text Plugins

[button url=”http://www.jwf.us/projects/jQSlickWrap/” target=”_self” size=”small” style=”periwinkle” ]jQSlickWrap[/button]

Text Effects Plugins

No Vacancy

No Vacancy jQuery Typography Text Plugins

[button url=”http://chuckyglitch.twbbs.org/novacancy/” target=”_self” size=”small” style=”periwinkle” ]No Vacancy[/button]

Sci-Fi Text Effects

Sci-Fi Text Effects jQuery Typography Text Plugins

[button url=”http://team.fourdesire.com/playgrounds/texteffects” target=”_self” size=”small” style=”periwinkle” ]Sci-Fi Text Effects[/button]

Flipping Text

Sci-Fi Text Effects jQuery Typography Text Plugins

[button url=”http://github.com/peachananr/flipping_text” target=”_self” size=”small” style=”periwinkle” ]Flipping Text[/button]

Antiquify.js

Antiquify.js jQuery Typography Text Plugins

[button url=”http://github.com/matthewgonzalez/Antiquify.js” target=”_self” size=”small” style=”periwinkle” ]Antiquify.js[/button]