Apesar de ter apenas uma página o website utiliza vários recursos do jQuery, que vão desde os efeitos de animações até as requisições de cada seção via AJAX. O layout foi desenvolvido por Leo Macedo que também foi responsável pelas idéias das animações.

Em diversos sites precisei de um bom plugin jquery para controlar o tamanho das fontes e não consegui encontrar. Foi a partir dessa necessidade que decidi desenvolver o plugin Font Size, que visa facilitar os desenvolvedores na tarefa de implementar esse controle.

Andei pesquisando pela web alguma funcionalidade interessante do Jquery para postar aqui no blog. E dentre as várias opções decidi explicar dessa vez, como fazer aqueles tooltips animados que já são bastante utilizados na web.

O site já esta pronto, aquela lista de conteúdos relacionados (geralmente localizada na coluna direita) está funcionando perfeitamente. Porém o Designer faz uma proposta de melhoria de usabilidade, solicitando que não apenas o link do título seja clicável, mas o item da lista por inteiro (tag <li>). Como resolvemos esse problema?

Esse tutorial tem o propósito de criar uma lista de definição com o efeito toggle do jquery. E funciona da seguinte maneira: quando o usuário clicar no link, localizado dentro da tag “dt”, a definição desse título (dd) abrirá com efeito slide.