En los últimos años, la tipografía web ha pasado de ser una vergüenza a un punto de orgullo. Desde CSS a JavaScript, estamos obteniendo excelentes herramientas casi a diario que nos ayudan a implementar tipos impresionantes.
Hoy vamos a ver los mejores complementos de jQuery que están especialmente diseñados para hacer que el tipo de web sea más impresionante. Descarga algunos y lleva tu tipo más lejos.
Manipulación tipográfica de medidas
FitText - Un plugin para inflar tipo web
FitText le permite estirar fácilmente y automáticamente una parte del texto al tamaño de su contenedor principal.
HATCHSHOW: un complemento de jQuery para equilibrar medidas
Hatchshow le permite crear columnas de texto con una medida uniforme para que tenga esa sensación de borde variable y tamaño de texto variable (un efecto muy popular).
slabText: un complemento de jQuery para crear titulares con capacidad de respuesta
Otro complemento que alinea las medidas para sus líneas separadas. Lo bueno de este es que las líneas se vuelven realmente bonitas a medida que cambia el tamaño de la ventana gráfica.
Medida de respuesta
Este complemento no se trata de hacer titulares creativos, sino que considera algunas variables sobre su tipo y genera una medida ideal y sensible para sus párrafos. Esto es ideal para mantener el tipo altamente legible en el diseño sensible.
BigText
BigText calcula el tamaño de fuente y el espaciado entre palabras necesarios para hacer coincidir una línea de texto con un ancho específico. Hay un mago genial para jugar aquí.
Kerning
Kerning.js
Esto hace exactamente lo que suena: te ayuda a kern tu tipo de web. Los diseñadores web normalmente se saltan el kerning porque es muy complicado y desordenado, esto hace que el proceso sea fácil.
TypeButter: Kerning óptico FTW!
En lugar de ajustar manualmente el kerning para cada letra, con TypeButter puede configurar el kerning óptico que hace el trabajo por usted. Puede utilizar una de las configuraciones de fuente proporcionadas o rodar las suyas propias.
jKerny.js, el complemento jQuery para facilitar el kerning
jKerny implementa nuevos pseudo-selectores CSS para el espacio entre letras, espacio entre palabras, primera letra, última letra y más.
Envase
Tocino
Envolver el texto al extremo. Bacon le permite envolver el texto alrededor de una curva o una línea de bezier. En realidad es bastante impresionante y puede crear algunos envoltorios realmente complejos.
jQSlickWrap - Ajuste de texto pulido para jQuery
JQSlickWrap lo ayuda a envolver su texto alrededor de una imagen, sin importar lo compleja que sea. Simplemente modificas algunas configuraciones y el resto se encarga de forma automática.
Ritmo vertical y rejillas de línea de base
jMetronome: uso de jQuery para mantener el ritmo tipográfico
Esta secuencia de comandos lo ayuda a mantener un ritmo vertical para su tipografía al agregar relleno a varios elementos que no son de texto para garantizar que su altura total sea un múltiplo de la altura de línea total del documento.
SimonFairbairn / Line-In-Typography
Este complemento muestra líneas basadas en la altura de la línea de su tema para que pueda configurar correctamente su ritmo vertical y alinear toda su tipografía en una cuadrícula de línea de base.
Altura de línea automática: un complemento de jQuery para diseños flexibles
La altura de línea automática ajusta la altura de línea de un contenedor (como un div) en proporción a su ancho, en relación con el tamaño de la fuente. Otra gran herramienta para ayudar con el tipo de respuesta.
Super practico
Lettering.js - Un complemento de jQuery para tipografía web radical
Lettering.js le ofrece lo que CSS no: la libertad de apuntar a cada letra individualmente. Esto abre todo tipo de increíbles posibilidades para un estilo creativo por letra.
KarlRoos / jQuery.responsiveText
Plug and play de texto de respuesta. ¡Simplemente apunte a un contenedor o a toda la página y el script hará el resto!
Efectos Cool & Crazy
jqIsoText: jQuery Text Effect Plugin
Un complemento de texto peculiar que manipula el tamaño de las letras individuales para crear un efecto único.
Arctext.js - Curvado de texto con CSS3 y jQuery
Crear líneas curvas de texto es bastante difícil cuando se trabaja con tipos de web en vivo. Este complemento lo hace mucho más fácil e incluso puede ayudarlo a animar el cambio.
Textualizador
Textualizer construye una transición creativa de un párrafo a otro. La transición es una especie de efecto confuso que confunde tu atención.
Shuffle Letters Effect: un plugin jQuery
Este complemento te brinda una animación que recorre un montón de letras al azar antes de aterrizar en la pieza de texto que escribiste. Una forma agradable e interesante de presentar un titular.
TextGrad
TextGrad crea un degradado y lo extiende a lo largo de una línea de texto. Simple y eficaz!
¿Qué me perdí?
Estos veinte complementos de jQuery representan las mejores herramientas de tipografía que pude encontrar. ¡Estoy seguro de que hay un montón más por ahí, así que déjame un comentario a continuación y hazme saber lo que me perdí!