web de leve

Desconhecia a questão do Yahoo e a de se evitar o uso de CSS shorthand.

Há algumas questões que ficaram de fora como definir cor de background para elementos com texto para garantir a legebilidade em alguns webmails que permitem a estilização de suas interfaces.

Do mais está excelente esse guia ;]

fonte: http://litmus.com/blog/html-email-coding-101-infographic/email-coding-101

Tablesorter é um plugin jquery bem completo – como o próprio nome indica – para ordenação de dados de uma tabela.

Não é novidade alguma, existe há uns 5 anos, mas continua útil no desenvolvimento de interfaces administrativas de cms.

Documentação, download e outras informações no GitHub -> https://github.com/Mottie/tablesorter.

Esse post é somente para recomendar um bom vídeo para ver antes de começar a usar o jsFiddle, confira ;]

Se você, assim como eu, faz uso do método live comece a usar em seus novos jobs o método on pois de acordo com a documentação do jQuery 1.7 o método on substitui os antigos live, delegate e bind.

Encontrei tal informação neste blog mas o mesmo informa tal substituição válida somente à partir da versão 1.7.1.

Verifiquei os arquivos das versões 1.7, 1.7.1, 1.7.2 e não notei diferença. Nas 3 versões os métodos live, delegate e bind chamam on com a mesma função:

live: function( types, data, fn ) {
jQuery( this.context ).on( types, this.selector, data, fn );
return this;
}


delegate: function( selector, types, data, fn ) {
return this.on( types, selector, data, fn );
}


bind: function( types, data, fn ) {
return this.on( types, null, data, fn );
}


Os antigos métodos são agora atalhos para on. A questão de evitá-los é somente por questão de performance.

Situação semalhante temos quando usamos $.getScript() e $getJSON() que são atalhos para $.ajax().

Em cms próprio uso como editor de texto o FCKeditor com um gerenciador de arquivos e upload. Prefiro ele do que o seu sucessor CKEditor – este não tem possui gerenciador free de arquivos e upload.

Bom, há pouco estava precisando pegar o conteúdo da área de edição criada pelo FCKeditor e deu um pouco de trabalho para encontrar. Resolvi postar aqui caso alguém mais precise:

content = FCKeditorAPI.GetInstance('name_da_textarea').GetHTML(true);

fonte: http://dobrzanski.net/…

Tabelinha mais completa que conheço de prefixos de browsers -> http://alrra.github.com/little-helpers/vendor-prefixes/

Pequeno exemplo de uso do jQuery UI Touch Punch (touch.js) testado em iPad para o job de um amigo.

Simples e útil para compactar o teu código javascript:  pimpmyjs.com

Excelentes slides sobre o que pode ser aplicado hoje, como aplicar e o suporte do CSS3 nos principais browsers neste link -> http://maddesigns.de/css3/css3-im-praktischen-einsatz.html

Nos últimos dias vi alguns twitts sobre o compressor JPEGmini feito por uma startup israelita que reduz o tamanho dos arquivos jpegs em até 6 vezes sem perca de qualidade para o olho humano  -  ou seja, pelo o que entendi, aplica compressão para excessos/redundâncias e elementos que não interferem na imagem que conseguimos ver.

Testei e não notei perca de qualidade – acho que pode ocorrer mas não notei.

De qualquer forma vale o uso para diminuir o tempo de carregamento dos sites de nossos clientes.

Espero que criem um compressor semelhante para png.

Visite e teste  o JPEGmini ->  http://www.jpegmini.com