Chega de Flash e Imagens
Quntas e quantas vezes precisamos de texto com fontes diferentes em nosso site e temos que adaptar para conseguir isso. Uns fazem o download da fonte para o pc do usuário, outros usam a pura e simples imagem e outros apelam para o flash mesmo.
Qualquer uma dessas técnicas são trabalhosas para fazer e mesmo assim acabam limitando você a muitas coisas.
Recentemente achei um script muito interessante e simples de usar "cufón - fonts for the people". Basta você fazer o download da biblioteca, escolher a fonte desejada e gerar o script da fonte atraves do site.
Após preencher as informações necessárias e selecionar a fonte clique em "Let's do this!". Baixe o script que ele irá gerar e divirta-se.
Exemplos (Fontes):
Outra coisa interessante é que o script captura informações do seu CSS criando o canvas com os atributos dele.
W3C X Target _new ou _blank
Estou agora na era W3C. A empresa que trabalho exigi que façamos todos os sites validados pela W3C. Nunca me preocupei tanto com isso como agora. Mas recentemente tive um pequeno problema. Um cliente pediu para abrir um aquivo pdf em outra página. E lá fui eu todo bonito coloquei o target="_new", para descobrir que o W3C não valida isso. Tudo bem que vem com aquela liçao de moral. "De que o usuário do site tem que ter a liberdade de abrir um link na página que ele quiser e bla, bla, bla..." mas cliente não quer nem saber disso. Dureza. Ai começa a chover um monte de coisa...
<a href="javascript:link_externo("http://bitbucket.com.br")">BitBucket</a>
// Script
function link_externo(url){
window.open(url,'','');
}
Não preciso nem falar o que isso gera nos browsers. E eu como sou um cara muito chato. Não achei isso a melhor solução. Deve existir outra maneira melhor para fazer ter o target=_new e passar no W3C. Foi ai que entrou em ação nosso amado jQuery. Ow ferramente maravilhosa. Uma solução muito mais simples, funcional e elegante.
<a href="http://bitbucket.com.br" rel="externo">BitBucket</a>
// Script
$(document).ready(function(){
$("a[@rel=externo]").attr('target','_new');
});
Ou seja, qualquer link em seu site que você colocar o rel="externo", o jQuery irá aplicar o atributo target para você. Maravilhoso.
Aproveite e se livre desse x vermelho no canto direito do seu Firefox.