As ferramentas de desenvolvedor do Firefox são bem conhecidas devido à riqueza de funcionalidades que oferecem, mas uma ferramenta sobre a qual não se ouve falar muito é a Developer Toolbar, que se parece muito com o console, mas tem uma finalidade completamente diferente. Uma dessas finalidades é permitir que os desenvolvedores criem uma captura […]
Tag: tela
Criar capturas de tela a partir de vídeosCriar capturas de tela a partir de vídeos
A ideia por trás do meu Obter o primeiro quadro de um GIF animado com o ImageMagick O objetivo do post era melhorar o desempenho de uma página não carregando um GIF animado automaticamente, mas, em vez disso, pegando o primeiro quadro, exibindo-o e permitindo que os usuários “clicassem para ativar” o GIF. Essa estratégia […]
Crie capturas de tela de páginas da Web com o Node.js e o PhantomJSCrie capturas de tela de páginas da Web com o Node.js e o PhantomJS
A automação na Web tornou-se incrivelmente acessível e avançada, em grande parte devido a utilitários como PhantomJS. O PhatomJS permite que o senhor faça testes de renderização do WebKit sem cabeça, monitoramento de rede, automação de páginas e muito mais. Uma das tarefas simples para as quais gosto de usar o PhatomJS é a criação […]
Crie e compare capturas de tela de páginas da Web com o WraithCrie e compare capturas de tela de páginas da Web com o Wraith
Na semana passada, escrevi sobre o usando o PhantomJS para criar capturas de tela de páginas da Web. Ainda acho incrível que possamos criar capturas de tela de uma página da Web de forma tão rápida e fácil usando um pouco de JavaScript no lado do servidor. Um leitor chamou minha atenção para […]
Criar capturas de tela de páginas da Web com Node.js e SlimerJSCriar capturas de tela de páginas da Web com Node.js e SlimerJS
Na semana passada, apresentei o PhantomJS, uma ferramenta WebKit sem cabeça, que permite fazer capturas de tela, automatizando eventos na página e assim por diante. O PhantomJS é uma excelente ferramenta que faz muitas coisas, mas o fato de estar preso ao mecanismo WebKit não ajuda se o senhor quiser testar outros mecanismos […]
Filtros de telaFiltros de tela
Adicionar filtros às imagens pode torná-las mais atraentes e compartilháveis – basta perguntar ao Instagram, ao Snapchat, ao Prism e a todos os outros aplicativos existentes. Há alguns anos, recebemos o incrível Filtros CSS o que nos permite usar um conjunto fixo de métodos de filtro para embelezar nossas fotos. É claro que os filtros […]
Texto fora da tela para copiar e colarTexto fora da tela para copiar e colar
A relação entre HTML e CSS é especial: misturar conteúdo via HTML com apresentação de CSS para criar uma apresentação incrível. Às vezes, porém, o senhor precisa usar truques de CSS apenas para aprimorar a funcionalidade. Esse pode ser um desses casos. Ao navegar pelo código do console do Firefox DevTools, notei uma técnica muito […]
Como criar uma gravação de tela com o QuicktimeComo criar uma gravação de tela com o Quicktime
Criar gravações de tela é uma habilidade essencial para os desenvolvedores da Web. As gravações de tela podem ilustrar novos recursos, bugs ou uma variedade de outras ideias. Muitas vezes me perguntam qual aplicativo uso para criar gravações de tela e as pessoas ficam chocadas quando digo Quicktime! Vamos rever como criar uma gravação de […]