Recentemente, estive pensando sobre elementos e seletores HTML. Normalmente, começamos procurando por um elemento(s) por meio de querySelector/querySelectorAllO que faz sentido, mas e se o senhor quiser validar se um elemento que não foi especificamente selecionado corresponde a um determinado seletor? Por exemplo, digamos que o senhor tenha uma função que pressuponha a presença de […]
Category: Uncategorized
Converter vídeo em GIF ou GIF em vídeoConverter vídeo em GIF ou GIF em vídeo
Sinto que os GIFs são mais populares agora do que no passado, quando eram praticamente a única maneira de ter imagens em movimento na Web. Eles eram tão úteis porque porcarias como Real Video Player, Windows Media e outros formatos ruins exigiam um codec especial e um plug-in de navegador. Hoje em dia, […]
Solicitação AJAX básica: XMLHttpRequestSolicitação AJAX básica: XMLHttpRequest
Há várias tarefas comuns de front-end para as quais muitos de nós nunca tocamos nas APIs profundas e sujas porque nossas amadas estruturas de JavaScript forneceram maneiras mais fáceis de trabalhar com elas. É por isso que escrevi Como funciona a delegação de eventos em JavaScript, Fazer uma solicitação HTTP básica com o Node.jse dezenas […]
buscar APIbuscar API
Um dos segredos mais mal guardados sobre AJAX na Web é que a API subjacente a ele, XMLHttpRequest, não foi realmente criada para o uso que estamos fazendo dela. Fizemos bem em criar APIs elegantes em torno do XHR, mas sabemos que podemos fazer melhor. Nosso esforço para fazer melhor é o fetch API. Vamos […]
Otimizar GIFsOtimizar GIFs
Ultimamente, tenho escrito muito sobre a conversão de diferentes tipos de mídia, especialmente GIFs, incluindo Converter vídeo em GIF ou GIF em vídeo, Detectar se um GIF é animadoe Obtenha o primeiro quadro de um GIF animado com o ImageMagickmas seja o ImageMagick ou o ffmpeg que esteja fazendo o trabalho, os GIFs nem sempre […]
Imagens WebP e desempenhoImagens WebP e desempenho
Diz-se que uma imagem vale mais que mil palavras, mas on-line, uma imagem pode valer mil kilobytes ou mais! O HTTP Archive mostra que as imagens representam, em média, 64% do tamanho total de uma página da Web. Com isso em mente, a otimização de imagens é fundamental, especialmente quando se considera que até 40% […]
Mesclar GIFs com gifsicleMesclar GIFs com gifsicle
A criação de um GIF a partir de um vídeo é bastante simples, como já mencionei em Converter vídeo em GIF ou GIF em vídeomas trabalhar com vários GIFs é algo que muitas pessoas gostariam de fazer. A principal biblioteca de manipulação de GIFs há anos é a Gifsicle, então procurei o Gifsicle […]
Novo: Webdesigner News!Novo: Webdesigner News!
Um novo e empolgante site foi lançado recentemente para web designers e desenvolvedores. É provável que o senhor passe horas todas as manhãs navegando por centenas de publicações em seus feeds RSS, na esperança de encontrar histórias relevantes. Notícias do Webdesigner foi criado para oferecer aos webdesigners e desenvolvedores um único […]
Criar uma visualização de imagem a partir de um vídeoCriar uma visualização de imagem a partir de um vídeo
Os recursos visuais são tudo quando se trata de mídia. Quando estou tentando decidir se assisto ou não a um vídeo na Netflix, seria ótimo ver algum tipo de trailer, mas, infelizmente, isso não está disponível. Quando quero baixar um vídeo no meu computador, seria ótimo ter uma única imagem de visualização condensada com miniaturas […]
API de geolocalizaçãoAPI de geolocalização
Atualização há muito esperada: a API de geolocalização agora está disponível em todos os navegadores! Um aspecto interessante do desenvolvimento da Web é a geolocalização; de onde o usuário está visualizando o site? O senhor pode basear a localidade do idioma nesses dados ou mostrar determinados produtos em sua loja com […]