20 fantásticos plugins do tipo jQuery Web
Nos últimos anos, a tipografia da Web passou de um embaraço para um ponto de orgulho. De CSS a JavaScript, estamos obtendo ótimas ferramentas quase diariamente que nos ajudam a implementar tipos impressionantes.
Hoje, veremos os melhores plugins jQuery criados especialmente para tornar o tipo da Web mais impressionante. Baixe alguns e leve seu tipo adiante.
Explorar recursos de design
Manipulação de medida tipográfica
FitText - Um plugin para aumentar o tipo de web
O FitText permite que você estique de maneira fácil e automática um pedaço de texto para o tamanho de seu contêiner pai.
HATCHSHOW: um plugin jQuery para medidas de balanceamento
O Hatchshow permite criar colunas de texto com uma medida uniforme, para que você tenha uma sensação de tamanho de texto variável e com borda rígida (um efeito realmente popular).
slabText - um plugin jQuery para criar títulos responsivos
Outro plugin que alinha as medidas para suas linhas separadas. O bom desse exemplo é que as linhas refletem muito bem quando você redimensiona a janela de visualização.
Medida responsiva
Este plug-in não é sobre criar títulos criativos; em vez disso, considera algumas variáveis sobre o seu tipo e gera uma medida ideal e responsiva para seus parágrafos. Isso é ótimo para manter o tipo altamente legível no design responsivo.
BigText
O BigText calcula o tamanho da fonte e o espaçamento das palavras necessários para corresponder uma linha de texto a uma largura específica. Há um assistente legal para brincar aqui.
Kerning
Kerning.js
Isso faz exatamente o que parece: ajuda você a entender seu tipo de web. Os designers da Web geralmente ignoram o kerning porque é tão complicado e confuso que torna o processo fácil.
TypeButter: Kerning óptico FTW!
Em vez de ajustar manualmente o kerning para cada letra, com o TypeButter, você pode configurar o kerning óptico que faz o trabalho para você. Você pode usar uma das configurações de fonte fornecidas ou criar sua própria.
jKerny.js, plugin jQuery para facilitar o kerning
O jKerny implementa novos pseudo-seletores de CSS para espaçamento entre letras, espaçamento entre palavras, primeira letra, última letra e muito mais.
Invólucro
Bacon
Quebra de texto ao extremo. Bacon permite envolver o texto em torno de uma curva ou linha mais bege. É realmente bastante impressionante e pode criar alguns envoltórios realmente complexos.
jQSlickWrap - Quebra automática de texto para jQuery
O JQSlickWrap ajuda a envolver o texto em torno de uma imagem, independentemente da complexidade. Você simplesmente ajusta algumas configurações e o resto é resolvido automaticamente.
Ritmo vertical e grades de linha de base
jMetronome: Usando o jQuery para manter o ritmo tipográfico
Esse script ajuda a manter um ritmo vertical para sua tipografia adicionando preenchimento a vários elementos que não são de texto para garantir que a altura total seja um múltiplo da altura total da linha do documento.
SimonFairbairn / Tipografia em linha
Este plug-in exibe linhas com base na altura da linha do tema, para que você possa definir corretamente o ritmo vertical e alinhar toda a sua tipografia em uma grade da linha de base.
Altura automática da linha: um plugin jQuery para layouts flexíveis
A altura automática da linha ajusta a altura da linha de um contêiner (como uma div) em proporção à sua largura, em relação ao tamanho da fonte. Outra ótima ferramenta para ajudar com o tipo responsivo.
Super prático
Lettering.js - Um plugin jQuery para tipografia radical na web
O Lettering.js oferece o que o CSS não oferece: a liberdade de segmentar cada letra individualmente. Isso abre todos os tipos de possibilidades surpreendentes para o estilo criativo por carta.
KarlRoos / jQuery.responsiveText
Texto responsivo plug and play. Basta segmentar um contêiner ou a página inteira e o script fará o resto!
Efeitos legais e loucos
jqIsoText: Plugin de efeito de texto jQuery
Um plugin de texto peculiar que manipula o tamanho de letras individuais para criar um efeito exclusivo.
Arctext.js - Curvando texto com CSS3 e jQuery
Criar linhas curvas de texto é bastante difícil quando você está trabalhando com o tipo da Web ao vivo. Este plugin facilita muito e pode até ajudar a animar a alteração.
Textualizer
O Textualizer cria uma transição criativa de um parágrafo para outro. A transição é uma espécie de efeito confuso e confuso que chama sua atenção.
Efeito Aleatório de letras: um plugin do jQuery
Este plug-in fornece uma animação que percorre um monte de letras aleatórias antes de chegar ao texto digitado. Uma maneira interessante e interessante de introduzir um título.
TextGrad
O TextGrad cria um gradiente e o estende por uma linha de texto. Simples e eficaz!
O que eu perdi?
Esses vinte plugins jQuery representam as melhores ferramentas de tipografia que eu pude encontrar. Tenho certeza que há muito mais por aí, então deixe-me um comentário abaixo e deixe-me saber o que eu perdi!
