É muito frustrante quando surgem bugs apenas em um navegador remoto. Algo nesse usuário, nesse dispositivo ou nesse ambiente é diferente, mas não sei o quê! E, é claro, não consigo recriá-lo em minha máquina de desenvolvimento local.
A equipe do TrackJS criou uma maneira interessante de conectar e depurar esses navegadores remotos que chamamos de RemoteJS. O RemoteJS é um serviço gratuito em que o senhor pode anexar um depurador JavaScript simplificado a um navegador remoto. O depurador fornece um console remoto onde é possível ver logs, url, eventos de rede e executar comandos. O senhor pode até mesmo fazer uma captura de tela remota.
Para usá-lo, basta criar um novo “canal do depurador” ao qual os agentes possam se conectar. A conexão do agente é feita com um snippet de JavaScript para anexar ao navegador e estabelece uma conexão de websocket de volta ao depurador da Web. O senhor pode implementá-lo condicionalmente para capturar um problema heisenbug, talvez ativando se a string de consulta `?debug` estiver presente. O senhor também pode executá-lo diretamente ou como um bookmarklet se não puder fazer uma implantação.
RemoteJS pode ajudar a tornar os bugs mais frustrantes um pouco menos dolorosos. Experimente!

Sobre Todd Gardner
Todd Gardner é um empreendedor e desenvolvedor de software que criou vários produtos lucrativos. Ele defende ferramentas simples, software de fácil manutenção e o equilíbrio entre complexidade e risco. Ele é cofundador da TrackJS e da Request Metrics, onde ajuda milhares de desenvolvedores a criar sites mais rápidos e confiáveis. Ele também produz o show de comédia sobre software PubConf.
Designing for Simplicity
Antes de começarmos, vale a pena dedicar um breve momento para me apresentar aos senhores. Meu nome é Mark (ou @integralist se o Twitter for sua ferramenta de comunicação preferida) e atualmente trabalho para a BBC News em Londres, Inglaterra, como engenheiro principal/técnico…
Enviar notificações por e-mail para imagens quebradas usando o MooTools AJAX
Um dos eventos JavaScript pouco conhecidos é o evento onError da imagem. Esse evento é acionado quando uma imagem é eliminada por não existir. Imagens quebradas podem fazer com que seu site pareça pouco profissional e é importante corrigir imagens quebradas o mais rápido possível.
Carregamento lento e esmaecimento de imagem simples
Uma das otimizações de desempenho de site mais rápidas e fáceis é diminuir o carregamento de imagens. Isso significa uma variedade de coisas, incluindo a redução de imagens com ferramentas como ImageOptim e TinyPNG, o uso de URIs de dados e sprites e o carregamento lento de imagens. É um pouco chocante quando o senhor está carregando imagens de forma preguiçosa e elas simplesmente…