Ces dernières années, la typographie Web est passée de l’embarras à la fierté. Du CSS au JavaScript, nous obtenons presque quotidiennement d'excellents outils qui nous aident à implémenter un type génial.
Aujourd'hui, nous allons examiner les meilleurs plug-ins jQuery qui ont été spécialement conçus pour rendre le type de Web plus impressionnant. Téléchargez-en quelques-uns et prenez votre type plus loin.
Manipulation de mesures typographiques
FitText - Un plugin pour gonfler un type de web
FitText vous permet d'étirer facilement et automatiquement un morceau de texte à la taille de son conteneur parent.
HATCHSHOW: un plugin jQuery pour équilibrer les mesures
Hatchshow vous permet de créer des colonnes de texte avec une mesure uniforme, de sorte que vous obteniez ce bord net, une taille de texte variable (un effet très populaire).
slabText - un plugin jQuery pour créer des titres réactifs
Encore un autre plugin qui aligne les mesures pour vos lignes séparées. La bonne chose à propos de celui-ci est que les lignes se reforment très bien lorsque vous redimensionnez la fenêtre.
Responsive-Measure
Ce plugin n'a pas pour objectif de créer des titres créatifs, mais considère quelques variables relatives à votre type et génère une mesure idéale et réactive pour vos paragraphes. Ceci est idéal pour que les caractères restent très lisibles dans un design réactif.
BigText
BigText calcule la taille de la police et l'espacement des mots nécessaires pour faire correspondre une ligne de texte à une largeur spécifique. Il y a un sorcier sympa pour jouer avec ici.
Kerning
Kerning.js
Cela fait exactement ce que cela ressemble: vous aide à kern votre type web. En règle générale, les concepteurs Web omettent de créner parce que c'est tellement compliqué et désordonné que le processus est simple.
TypeButter: Optical Kerning FTW!
Plutôt que de modifier manuellement le crénage pour chaque lettre, TypeButter vous permet de configurer le crénage optique qui fait le travail à votre place. Vous pouvez utiliser l’une des configurations de police fournies ou rouler la vôtre.
jKerny.js, le plugin jQuery pour faciliter le crénage
jKerny implémente de nouveaux pseudo-sélecteurs CSS pour l'espacement des lettres, l'espacement des mots, la première lettre, la dernière lettre, etc.
Emballage
Bacon
Texte enveloppant à l'extrême. Bacon vous permet d’envelopper du texte autour d’une courbe de Bézier ou d’une ligne. C'est en fait assez impressionnant et peut créer des wraps vraiment complexes.
jQSlickWrap - Habillage de texte lisse pour jQuery
JQSlickWrap vous aide à entourer votre texte d'une image, quelle que soit sa complexité. Vous ajustez simplement quelques réglages et le reste est pris en charge automatiquement.
Rythmes verticaux et grilles de base
jMetronome: utiliser jQuery pour conserver le rythme typographique
Ce script vous aide à conserver un rythme vertical à votre typographie en ajoutant des éléments de remplissage à divers éléments non textuels afin de garantir que sa hauteur totale correspond à un multiple de la hauteur totale des lignes du document.
SimonFairbairn / Line-In-Typography
Ce plugin affiche des lignes en fonction de la hauteur de ligne de votre thème afin que vous puissiez correctement définir votre rythme vertical et aligner toute votre typographie sur une grille de ligne de base.
Auto line-height: un plugin jQuery pour des mises en page flexibles
Auto line-height ajuste la hauteur de ligne d'un conteneur (tel qu'un div) proportionnellement à sa largeur, par rapport à la taille de la police. Un autre excellent outil pour aider avec le type réactif.
Super pratique
Lettering.js - Un plugin jQuery pour la typographie Web radicale
Lettering.js vous donne ce que CSS ne fait pas: la liberté de cibler chaque lettre individuellement. Cela ouvre toutes sortes de possibilités incroyables pour un style créatif sur une base par lettre.
KarlRoos / jQuery.responsiveText
Plug and play du texte réactif. Ciblez simplement un conteneur ou la page entière et le script fera le reste!
Effets Cool & Crazy
jqIsoText: plugin d'effet de texte jQuery
Un plugin de texte original qui manipule la taille des lettres individuelles pour créer un effet unique.
Arctext.js - Courbe du texte avec CSS3 et jQuery
La création de lignes de texte courbes est assez difficile lorsque vous travaillez avec du type Web dynamique. Ce plugin facilite beaucoup les choses et peut même vous aider à animer le changement.
Textualizer
Textualizer construit une transition créative d'un paragraphe à un autre. La transition est une sorte d’effet confus et mélangé qui attire votre attention.
Shuffle Letters Effect: un plugin jQuery
Ce plugin vous donne une animation qui parcourt un tas de lettres aléatoires avant d’atteindre le morceau de texte que vous avez tapé. Une façon agréable et intéressante d’introduire un titre.
TextGrad
TextGrad crée un dégradé et l'étend sur une ligne de texte. Simple et efficace!
Qu'est-ce que j'ai raté?
Ces vingt plugins jQuery représentent les meilleurs outils de typographie que j'ai pu trouver. Je suis sûr qu'il y en a beaucoup plus, alors laissez-moi un commentaire ci-dessous et laissez-moi savoir ce que j'ai manqué!