20 plugins de type Web jQuery fantastiques
Ces dernières années, la typographie Web est passée de l'embarras à la fierté. Du CSS au JavaScript, nous obtenons quotidiennement d'excellents outils qui nous aident à implémenter un type génial.
Aujourd'hui, nous allons examiner les meilleurs plugins jQuery qui sont spécialement conçus pour rendre le type Web plus impressionnant. Téléchargez-en quelques-uns et approfondissez votre type.
Explorez les ressources de conception
Manipulation de mesures typographiques
FitText - Un plugin pour gonfler le type 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 afin que vous obteniez cette sensation de bord dur et de 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 redistribuent très bien lorsque vous redimensionnez la fenêtre.
Responsive-Measure
Ce plugin ne concerne pas la création de titres créatifs, il considère plutôt quelques variables sur votre type et génère une mesure idéale et réactive pour vos paragraphes. C'est idéal pour garder le type très lisible dans une conception réactive.
BigText
BigText calcule la taille de police et l'espacement des mots nécessaires pour faire correspondre une ligne de texte à une largeur spécifique. Il y a un sorcier cool avec qui jouer ici.
Crénage
Kerning.js
Cela fait exactement ce que cela ressemble: vous aide à créner votre type de site Web. Les concepteurs Web ignorent généralement le crénage car il est si compliqué et désordonné, ce qui rend le processus facile.
TypeButter: crénage optique FTW!
Plutôt que de modifier manuellement le crénage pour chaque lettre, avec TypeButter, vous pouvez configurer un crénage optique qui fait le travail pour vous. Vous pouvez utiliser l'une des configurations de police fournies ou lancer la vôtre.
jKerny.js, 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 et plus encore.
Emballage
Bacon
Habillage du texte à l'extrême. Bacon vous permet d'enrouler 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 à enrouler votre texte autour d'une image, quelle que soit sa complexité. Il vous suffit de modifier quelques paramètres et le reste est pris en charge automatiquement.
Grilles de rythme vertical et de base
jMetronome: Utilisation de jQuery pour garder le rythme typographique
Ce script vous aide à maintenir un rythme vertical pour votre typographie en ajoutant un remplissage à divers éléments non textuels pour vous assurer que sa hauteur totale est un multiple de la hauteur de ligne globale du document.
SimonFairbairn / Line-In-Typography
Ce plugin affiche les 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 base.
Hauteur de ligne automatique: un plugin jQuery pour des mises en page flexibles
La hauteur de ligne automatique 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 une 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
Branchez et jouez du texte réactif. Ciblez simplement un conteneur ou la page entière et le script fera le reste!
Effets cool et fous
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 de texte avec CSS3 et jQuery
La création de lignes de texte incurvées est assez difficile lorsque vous travaillez avec un type Web en direct. Ce plugin le rend beaucoup plus facile et peut même vous aider à animer le changement.
Textualiseur
Textualizer crée une transition créative d'un paragraphe à l'autre. La transition est une sorte d'effet mélangé et mélangé qui attire votre attention.
Effet Shuffle Letters: un plugin jQuery
Ce plugin vous donne une animation qui fait défiler un tas de lettres aléatoires avant d'atterrir sur 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'étire 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 une tonne de plus, alors laissez-moi un commentaire ci-dessous et faites-moi savoir ce que j'ai manqué!
