Lista de leitura de desenvolvimento Web nº 141: jQuery 3, Chillout.js e como a tecnologia molda a sociedade

Há semanas em que não encontro artigos para a seção “Indo além” da Lista de Leitura de Desenvolvimento Web. E depois há semanas como esta, onde aparecem duas peças brilhantes que revelam muito sobre como vivemos juntos com as novas tecnologias e como isso molda nossa sociedade.

Junto com um monte de bons artigos de tecnologia, uma ótima maneira de deixá-lo pelas próximas duas semanas. Por favor, note que estarei de férias na próxima semana, então não haverá um resumo na próxima sexta-feira.

Leitura adicional no SmashingMag:

• Como usar ícones para oferecer suporte a conteúdo em Web Design
• Ícones como parte de uma ótima experiência do usuário
• 6 etapas fáceis para um melhor design de ícones
• Passos fáceis para um melhor design de ícones

Notícias

• O Opera 38 (e o Chromium 51) traz muitos recursos novos do ES6: interfaces DOM tipo array iteráveis, ouvintes de eventos passivos e a API Intersection Observer para rastrear quando um determinado elemento no DOM entra ou sai da viewport visível.
• Firefox 47 está fora. Ele está enviando a depuração do Service Worker, suporte para pseudo-elementos ::backdrop , Widevine Content Decryption via EME para mp4 e o modificador que não diferencia maiúsculas de minúsculas i (como em [foo=bar i] ) para seletores de atributo CSS também foram adicionados.
• Finalmente, após meses de espera, o GitHub anunciou suporte HTTPS oficial e completo para suas páginas de usuário do github.io. Embora o próprio HTTPS já funcione há algum tempo, o tráfego do CDN para os servidores de origem não era criptografado até agora. Com a atualização, agora você pode desfrutar de um site totalmente criptografado. Cuide do conteúdo misto, porém, para não quebrar as páginas em navegadores modernos.
• O WebKit agora inclui depuração de memória em seu inspetor da web. A postagem de anúncio mostra como você pode usá-lo em seus aplicativos.
  

Em geral

• Maximiliano Firtman escreve como o uso irresponsável de metatags específicas do iOS pode quebrar seu site para muitos usuários.
  

Ferramentas e fluxos de trabalho

• Firebug. A ferramenta que foi substituída pelas ferramentas nativas de desenvolvedor do Firefox, mas, no entanto, tem ampla aceitação entre os desenvolvedores. Com a mudança do Firefox para e10s (multi-process Firefox), no entanto, a extensão não funcionará mais, e seus autores agora anunciaram que também não a portarão como uma nova extensão. Em vez disso, eles se concentrarão em fornecer um tema Firebug para ferramentas de desenvolvimento nativas e melhorá-las.
• Andrey Okonetchnikov anunciou sua nova ferramenta lint-staged que permite que você faça o lint de todos os arquivos atualmente encenados no git.
• Cloud Four anunciou ontem Drizzle, uma ferramenta para gerar bibliotecas de padrões e guias de estilo.

Segurança

• Com os recentes vazamentos de senhas no LinkedIn, MySpace, Tumblr e Twitter, ficou mais uma vez claro que tendemos a esquecer as senhas antigas. E isso porque as senhas não são muito úteis para autenticação, especialmente porque há duas partes envolvidas que podem fazer algo errado (o provedor de serviços que armazena a senha e o usuário que a escolhe). Drew Thomas explica como podemos melhorar a autenticação. Um artigo útil com uma ótima conversa na seção de comentários.

JavaScript

• Chillout.js reduz o uso da CPU em JavaScript fornecendo funções de iteração assíncronas que possuem uma interface baseada em Promise. Não há mais alertas de “Aviso: script sem resposta” no navegador.
• O console do Firefox tenta ser mais útil com erros de JavaScript. Se for determinável, o console agora adicionará um link ao MDN (Mozilla Developer Network) para obter mais informações sobre o erro.
• jQuery 3.0 está finalmente disponível. Já em andamento desde 2014, este é um grande passo, pois oferece uma abordagem mais fina, rápida e moderna do que a v1 e a v2. Há um extenso guia de atualização disponível, bem como uma nova versão do plug-in de migração do jQuery.
• Jack Franklin compartilha por que é importante tornar seu JavaScript “puro”. Embora geralmente usemos a maneira mais fácil de criar uma função, essas abordagens geralmente falham em cenários de teste. Mas eles são evitáveis ​​por simples adições.
• “Promises: All The Wrong Ways” da Getify mostra abordagens comuns com Promises e esclarece como fazer melhor. Vale a pena ler para todos que estão lidando com Promises.

CSS/Sass

• Shaun Bent escreveu sobre como a BBC Sport atende seu CSS principal com menos de 9 KB de tamanho de arquivo. Uma ótima história detalhada compartilhando os princípios de seu desenvolvimento e estratégia de produto com os quais podemos aprender muito.

Indo além…

• Há evidências de que novos tipos de consumo de mídia moldam nossa sociedade, mas não vemos como isso acontece, porque tendemos a esquecer de pensar sobre isso. Atualmente, se a qualquer momento a realidade se torna monótona ou chata, nossos telefones oferecem algo mais agradável, mais produtivo e ainda mais educativo do que a realidade nos dá. Mas também nos muda por dentro. Ficamos cada vez menos pacientes com a realidade como ela é, especialmente quando é chata ou desconfortável. “O que está em jogo é a nossa Agência. Nossa capacidade de viver a vida que queremos viver, escolher a maneira que queremos escolher e nos relacionar com os outros da maneira que queremos nos relacionar com eles – por meio da tecnologia. Este é um problema de design, não apenas um problema de responsabilidade pessoal.”
• “Há muitas razões pelas quais entregamos nossas identidades tão facilmente. No que diz respeito à busca, não estamos acostumados a nos ver como aglomerados de informações perdidas. E assim lutamos para perceber que podemos facilmente ser definidos negativamente, por todos os nossos desejos. […] Nossas tecnologias digitais são projetadas para nos fazer sentir relaxados sobre nossa falta de privacidade.” — Luciano Floridi em seu ensaio “A profecia auto-realizável”.

E com isso, vou fechar para esta semana. Se você gosta do que escrevo a cada semana, por favor, me apoie com uma doação ou compartilhe este recurso com outras pessoas. Você pode saber mais sobre os custos do projeto aqui. Está disponível via e-mail, RSS e online.