20 fantásticos complementos de tipo web jQuery
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 increíbles.
Hoy vamos a ver los mejores complementos de jQuery que están especialmente diseñados para hacer que el tipo web sea más impresionante. Descargue algunos y lleve su tipo más allá.
Explore los recursos de diseño
Manipulación de medidas tipográficas
FitText: un complemento para inflar el tipo web
FitText le permite estirar fácil y automáticamente un 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 tamaño de texto variable y borde duro (un efecto realmente popular).
slabText: un complemento de jQuery para crear titulares receptivos
Otro complemento que alinea las medidas para sus líneas separadas. Lo bueno de este es que las líneas vuelven a fluir muy bien a medida que cambia el tamaño de la ventana gráfica.
Medida de respuesta
Este complemento no se trata de crear titulares creativos, sino que considera algunas variables sobre su tipo y genera una medida ideal y receptiva para sus párrafos. Esto es excelente para mantener el tipo altamente legible en un diseño receptivo.
BigText
BigText calcula el tamaño de fuente y el espacio entre palabras necesarios para hacer coincidir una línea de texto con un ancho específico. Hay un mago genial para jugar aquí.
Interletrado
Kerning.js
Esto hace exactamente lo que parece: te ayuda a conocer tu tipo de web. Los diseñadores web generalmente omiten el kerning porque es muy complicado y desordenado, lo que 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 haga el trabajo por usted. Puede usar una de las configuraciones de fuente proporcionadas o rodar la suya.
jKerny.js, complemento jQuery para facilitar el kerning
jKerny implementa nuevos pseudo-selectores CSS para espaciado de letras, espaciado de palabras, primera letra, última letra y más.
Envase
Tocino
Texto de ajuste al extremo. Bacon le permite ajustar el texto alrededor de una curva bezier o una línea. En realidad es bastante impresionante y puede crear algunas envolturas realmente complejas.
jQSlickWrap - Ajuste de texto pulido para jQuery
JQSlickWrap lo ayuda a ajustar su texto alrededor de una imagen, sin importar cuán complejo sea. Simplemente modifique algunas configuraciones y el resto se encargará automáticamente.
Ritmo vertical y cuadrículas de referencia
jMetronome: uso de jQuery para mantener el ritmo tipográfico
Este script 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 general 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 establecer correctamente su ritmo vertical y alinear toda su tipografía en una cuadrícula de referencia.
Altura de línea automática: un complemento 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 receptivo.
Súper práctico
Lettering.js: un complemento de jQuery para la tipografía web radical
Lettering.js te da lo que CSS no hace: la libertad de apuntar a cada letra individualmente. Esto abre todo tipo de posibilidades sorprendentes para un estilo creativo por letra.
KarlRoos / jQuery.responsiveText
Plug and play texto sensible. ¡Simplemente apunte a un contenedor o a toda la página y el script hará el resto!
Efectos geniales y locos
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 - Curvar texto con CSS3 y jQuery
Crear líneas curvas de texto es bastante difícil cuando trabajas con un tipo web en vivo. Este complemento lo hace mucho más fácil e incluso puede ayudarlo a animar el cambio.
Textualizador
Textualizer crea una transición creativa de un párrafo a otro. La transición es una especie de efecto confuso y confuso que llama su atención.
Shuffle Letters Effect: un complemento jQuery
Este complemento le ofrece una animación que recorre un montón de letras aleatorias antes de aterrizar en el texto que escribió. 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 efectivo!
¿Qué me perdí?
Estos veinte complementos 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í!
