No início deste ano, fiquei obcecado com diferentes tipos de mídia (imagens, áudio, vídeo) e como converter e mesclar um formato para/com outro. Metade dessa obsessão se deve ao fascínio de como isso é feito, a outra metade é o amor pelo desempenho. Alguns dos meus favoritos incluem:
A conversão e a otimização de formatos de imagem são as que mais me fascinam, porque geralmente é um caso em que muito pouco esforço faz uma grande diferença, como usar utilitários de compactação de imagem como o ImageOptim para transformar uma imagem inchada em uma imagem com metade do tamanho, com pouca redução na qualidade. A ferramenta mais recente que encontrei é o svg2png, um utilitário Node.js para transformar uma imagem SVG em um PNG estático!
require('svg2png')('dino.svg', 'dino.png', function(err) { if(err) { console.log('An error occurred during conversion: ', err); } });
O senhor pode até mesmo realizar o escalonamento por meio de outro argumento:
require('svg2png')('dino.svg', 'dino.png', 2.5, function(err) { if(err) { console.log('An error occurred during conversion and upscaling: ', err); } });
Aqui está uma comparação lado a lado do SVG e do PNG:
Uma API simples, que executa bem uma função – o que mais o senhor pode pedir? Estou ansioso para usar esse módulo para diminuir o tamanho das imagens em cada um dos sites em que trabalho!
Criar classes com espaço de nome com o MooTools
O MooTools sempre foi um pouco criticado por não usar e padronizar inerentemente classes JavaScript baseadas em namespaced, como faz o Dojo Toolkit. Muitos desenvolvedores criam suas classes como globais, o que geralmente é mal visto. Na maioria das vezes, não concordo com essa posição, mas cada um tem a sua. De qualquer forma…
Criação de efeitos de paralaxe de rolagem com CSS
Introdução Há muito tempo, os sites com o chamado efeito “parallax” são muito populares… Caso o senhor não tenha ouvido falar desse efeito, ele basicamente inclui diferentes camadas de imagens que se movem em diferentes direções ou com diferentes velocidades. Isso leva a uma…
Atribuir IDs de âncora usando o MooTools 1.2
Um dos meus usos favoritos da biblioteca MooTools JavaScript é o plug-in SmoothScroll. Eu o utilizo em meu site, no site do meu empregador e em muitos sites de clientes. A melhor parte do plug-in é que ele é muito fácil de implementar. Recentemente, eu corri…