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í!

© Copyright 2024 | computer06.com