Atualmente existe uma imensa variadade de plugins JQuery para os mais diversos objetivos. Alguns desses plugins podem ajudar e muito a tipografia de um site, sobretudo nas mãos de um bom web designer, fazendo com que seu site se torne mais elegante e até mesmo mais funcional.
Abaixo segue uma lista de plugins para diversos fins que vão ajudar na usabilidade, funcionalidade e beleza de seu site.
O objetivo doLettering.js é dar-lhe o controle completo sobre tipo de uma página web, até à manipulação de letras individuais.
O plugin dimensiona automaticamente seus elementos de texto, dependendo do tamanho do navegador. Um cenário de exemplo seria se você gostaria que seus títulos diminuíssem quando visto em dispositivos móveis para reduzir o espaço na tela que eles ocupam.
O Plugin jQuery Text Resizer dá a seus usuários um grau de controle sobre o tamanho da fonte. O plugin, por padrão, adiciona três comandos para o usuário na página web (aumentar o tamanho da fonte, diminuir o tamanho da fonte e redefinir o tamanho normal).
4. BigText
O plugin jQuery BigText é simples: dimensiona automaticamente o texto para caber dentro de seu elemento pai. Isso resulta em, entre outras coisas, alinhamento justificado perfeito(embora tipicamente o alinhamento justificado é conseguido alterando o espaçamento de caracteres e palavras, e não através tamanho da fonte).
Assine nossas atualizações e receba um Ebook sobre SEO GRÁTIS!
Mais de 1200 pessoas já assinaram nossa NEWSLETTER, inteiramente GRÁTIS, e aprendem todos os dias como criar e melhorar seus blogs e sites. Assine também e receba o ebook sobre como colocar seu Blog no topo do GOOGLE, apenas coloque seu nome e email nas caixas abaixo e clique em DOWNLOAD GRÁTIS.
Como o nome indica, este plugin jQuery dá-lhe a capacidade de dar um efeito de brilho no texto quando você passa o mouse por cima dele. Apesar de um efeito semelhante pode ser feito com CSS3, muitos usuários ainda não usam navegadores com suporte a CSS3, usando JavaScript permite que você vincule o efeito de brilho com base em eventos fora do hover, gatilho, foco, etc, que CSS não pode o fazer.
Gostou dos efeitos que podemos fazer com JQuery? Conhece outros que podem melhorar a tipografia de nossos sites? Comente e compartilhe não custa nada!
Jair Rebello
Editor-chefe do Escola Sites. Analista de Sistemas, empreendedor e blogueiro que dedica parte de seu tempo para a partilha de material de grande qualidade relacionados a Wordpress, SEO, Tableless, JQuery, PHP e outras tecnologias Web.
31 de janeiro de 2012 - 16:26
Excelente post! Estarei acompanhando o escolasites
31 de janeiro de 2012 - 16:30
Olá Bruno, fico muito contente que tenha gostado de nosso site! Percebo que gosta do assunto JQuery, com a mudança na linha editorial do Site, vamos explorar um pouco mais este assunto!
1 de fevereiro de 2012 - 15:13
Fala jair, muito legal o site..vou me inscrever na escola site..
ldica de matéria: Galeria/banner em Jquery
1 de fevereiro de 2012 - 15:35
Olá Augusto, muito bom o ver um colega de faculdade por aqui! Obrigado pelos elogios e certamente ainda iremos discutir esse assunto em artigos futuros!
Abraços, Jair Rebello do EscolaSites
27 de agosto de 2012 - 10:32
Olá Jair
Não tinha atentado ainda a plugins JQuery para esse tipo de função. Muito bacana, ótimo artigo.
Tirei o dia hoje para ler os artigos do Escola Sites e como sempre, cada segundo aqui é de grande valia.
Parabéns pelo ótimo trabalho que faz aqui, abraços!
28 de agosto de 2012 - 8:10
Rodrigo fico contente que tenha apreciado nossos artigos. Trabalhos para trazer o melhor a cada dia para nossos leitores.
Abraços,