Se o senhor tweetar um GIF animado, perceberá que o Twitter o pega e o converte em mp4. Eu especularia que eles fazem essa conversão porque o MP4 é mais bem suportado em todas as plataformas, pelo menos no sentido de permitir a reprodução/pausa da animação. E com um vídeo o senhor pode evitar o looping infinito, ao contrário de um GIF. Mas como o senhor pode determinar se um GIF é animado? Encontrei algumas boas soluções.
Linha de comando com o ImageMagick
ImageMagick, a incrível biblioteca de manipulação de imagens, oferece um método para contar quadros em um GIF:
./ImageMagick-6.9.0/bin/identify -format %n wtf.gif
O comando acima fornecerá ao senhor uma contagem dos quadros dentro do GIF.
detector de gifs animados
Para os senhores que preferem JavaScript (… meu povo…), encontrei uma biblioteca muito simples de detecção de GIFs animados no NPM: animated-gif-detector. Sua API não poderia ser mais curta:
var fs = require('fs');
var animated = require('animated-gif-detector');
> animated(fs.readFileSync('wtf.gif'));
// true
> animated(fs.readFileSync('blank.gif'));
// false
A chamada de função simplesmente retorna true ou falserepresentando se o GIF é animado. Exatamente o que eu queria!
Quanto ao que cada biblioteca procura, já vi alguns códigos de bits feios que não tentarei descrever. No entanto, se o senhor quiser determinar se um GIF é animado, é tão fácil quanto os utilitários acima!
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…
Centralização vertical com o Flexbox
Centralizar verticalmente o conteúdo de filhos irmãos é uma tarefa de que precisamos há muito tempo na Web, mas que sempre pareceu muito mais difícil do que deveria. Inicialmente, usamos tabelas para realizar a tarefa e, em seguida, passamos a usar truques de CSS e JavaScript porque o layout de tabela era horrivelmente…
MooTools onLoad SmoothScrolling
O SmoothScroll é um plug-in fantástico do MooTools, mas a rolagem suave só ocorre quando a âncora está na mesma página. Fazer com que o SmoothScroll funcione em várias páginas é tão fácil quanto algumas linhas extras do MooTools e uma variável querystring.