O ImageMagick tem sido o padrão do setor para manipulação de imagens desde que me lembro. Lembro-me de usar a extensão do ImageMagick quando aprendi PHP pela primeira vez, há mais de uma década. De qualquer forma, notei recentemente que muitos sites que hospedam GIFs animados terão uma imagem estática inicialmente e trocarão a imagem estática pela animada ao rolar ou clicar/tocar. A estratégia faz sentido porque os GIFs animados podem exigir muito da CPU e o download é caro, portanto, eu precisava saber a melhor maneira de fazer isso… e o ImageMagick mais uma vez mostrou sua cara para mim.
A criação da imagem é, na verdade, uma simples execução de linha de comando, supondo que o senhor tenha o ImageMagick instalado:
convert 'monkey.gif[0]' monkey-frame.gif
Esse comando pega o primeiro quadro do gif animado e gera sua própria imagem. No início, foi estranho ver o [o] mas ainda bem que o ImageMagick o reconhece como uma posição de quadro. Assim, com essa segunda imagem, o senhor pode adicionar um ouvinte de clique para trocar o src e iniciar o gif, e pode reverter para estático com outro clique.
Adoro a existência de utilitários como o ImageMagick – eles são um pilar de sua funcionalidade e facilitam a vida de todos nós. A utilização dessa estratégia de “imagem dupla” também pode acelerar seus sites!
Dependendo do seu caminho para a instalação, o senhor precisará ajustar o local de onde extrai o ImageMagick.
Apresentando o MooTools Templated
Um grande problema com a criação de componentes de interface do usuário com a estrutura MooTools JavaScript é que não há uma boa maneira de permitir a personalização do modelo e a facilidade de criação de nós. A partir de hoje, há duas maneiras de criar: new Element Madness A primeira maneira de criar componentes de…
Criar uma apresentação de slides simples usando o MooTools
Uma excelente maneira de adicionar dinamismo a qualquer site é implementar uma apresentação de slides com imagens ou conteúdo deslizante. É claro que há vários plug-ins de apresentação de slides disponíveis, mas muitos deles podem ser exagerados se o usuário quiser fazer uma apresentação de slides simples, sem controles ou eventos.