Atualização Mensal de Desenvolvimento Web 12⁄2017: Lançamento Pragmático, Elementos Personalizados e Tomada de Decisões

Hoje li um artigo revelador sobre a atual geração jovem e seu futuro financeiro. É difícil entender palavras como “Millenials”, e há muita conversa sobre questões específicas que eles enfrentam, mas, para muitos de nós, não é fácil entender sua luta – não importa se você é mais velho ou mais jovem do que eu (me qualifico em a geração milenar). Mas o divertido e super informativo artigo de Michael Hobbes revelou muito para mim. Não só isso agora entendo – e até me relaciono – com alguns dos fatos ali descritos, mas também porque o artigo mostra como diferentes faixas etárias formam uma sociedade, sem saber o impacto que suas decisões podem ter na vida de outras pessoas.

Como profissionais da web, podemos nos relacionar com isso em muitos aspectos. Ao construir projetos web, tomamos decisões e muitas vezes as baseamos no que é melhor para nós — como desenvolvedor, como empreendedor, como estrategista de marketing, como equipe de suporte —, sem pensar em como essas decisões podem afetar outras pessoas. Ao construir sites inacessíveis, excluímos milhões de usuários; implementando melhores eventos e bibliotecas de análise, fornecemos dados de nossos usuários a terceiros. Às vezes parece impossível tomar uma decisão certa, e nos sentimos tão sobrecarregados pelo fato de não podermos fazer a coisa certa que descartamos todas as decisões razoáveis ​​e bem informadas e nos concentramos apenas no que é melhor para nós. nós mesmos. Podemos ser mais inteligentes. E embora provavelmente não consigamos fazer tudo certo , ainda podemos dar pequenos passos em vez de ficar sobrecarregados. Não é fácil, mas talvez seja algo para uma resolução de ano novo?

Notícias

• Grandes notícias sobre o WHATWG: As organizações por trás dos quatro principais mecanismos de navegador integrados – Apple, Google, Microsoft e Mozilla – desenvolveram uma política de direitos de propriedade intelectual (IPR) e uma estrutura de governança para o WHATWG. Espera-se que isso resulte em um padrão de vida melhorado que forneça um recurso mais útil.
• Na verdade, já lançado em novembro, aqui está o que há de novo no Firefox 57. Agora ele vem com um novo mecanismo Quantum super-rápido. As extensões da Web também se tornaram uma realidade, e muito mais correções de bugs para problemas antigos e melhorias de desempenho podem ser esperadas no futuro. Mas e nós desenvolvedores? Firefox 57 suporta <input type="\\[date|time]"> , muitos bugs CSS foram corrigidos graças ao novo mecanismo, e a API Performance Observer agora está habilitada, assim como a API Storage e a API Abort (por exemplo para solicitações de busca). Por último, mas não menos importante, o modo headless agora suporta o sinalizador --screenshot incrivelmente útil. A propósito, o mecanismo Quantum está chegando ao Firefox no Android 59 em breve também.
• O Chrome 63 já está disponível com alguns novos recursos incríveis: módulos JavaScript dinâmicos, iteradores e geradores async , overscroll-behavior CSS (que nativamente suporta puxar para atualizar) e suporte para a API Intl.PluralRules , por exemplo. Além disso, a interface do usuário de permissões agora solicita permissão em um modal para deixar claro que os proprietários do site só devem solicitar permissões adicionais quando necessário e útil. A API Intl.PluralRules também está incluída nesta versão.

Em geral

• A Amazônia é incrível, certo? A nuvem deles é rápida, grande e barata. Sua loja oferece tudo e entrega rapidamente. Esta semana, a Amazon Web Services anunciou algo muito interessante: “A AWS agora fornece à US Intelligence Community um recurso de nuvem comercial em todos os níveis de classificação: não classificado, sensível, secreto e ultra-secreto”. Sim, você leu certo: parece que a Amazon será a empresa responsável por hospedar os dados ultra-secretos do serviço de inteligência dos EUA. Tenho certeza de que não é uma boa ideia que os serviços governamentais comecem a confiar totalmente no serviço de nuvem exclusivo de uma empresa, sem a opção de voltar facilmente para um concorrente ou sua própria alternativa. Coloque em relação ao que a Amazon é: até 70% do tráfego de internet passa pelo data center AWS Virginia, a Amazon quer uma câmera e microfone no seu quarto, sua sala e também uma chave inteligente para seu apartamento ou casa, e já é impossível não usar AWS se você usa internet. O que acontecerá com a comunidade de inteligência dos EUA se essa nuvem segura da AWS sofrer uma interrupção como aconteceu este ano? Eles ainda poderão operar? E se acontecer durante uma investigação ativa?

Ferramentas

• Quem de nós não conhece os grandes desafios dos lançamentos e como eles podem ser demorados. Raymond Rutjes agora sugere que fazer um lançamento deve ser possível para todos na equipe. Deve ser fácil, sem preocupações e – talvez o mais importante – rápido.
• Francesco Schwarz construiu uma nova ferramenta para visualizar a especificidade do seu CSS. Muito útil para analisar alguns equívocos em sua estrutura ou para identificar módulos que devem ser refatorados.

IU/UX

• Com Spectral, há um novo tipo de letra serifada na tela disponível sob uma licença de código aberto.
• John Moore Williams compartilha suas melhores práticas para o design de pesquisa de sites. Dicas importantes se você quiser fornecer aos seus usuários uma experiência de pesquisa poderosa e impactante.

Desempenho na Web

• Michael Scharnagl explica como podemos usar Service Workers (que são basicamente um proxy da web) para carregar imagens com base na API de informações de rede.
• Harry Roberts muitas vezes encontra as palavras certas para descobrir questões que não são óbvias para muitas pessoas. Seu artigo “The Fallacies of Distributed Computing (Applied to Front-End Performance)” é sobre fazer suposições para os usuários e sobre ativamente negligenciar ou pensar demais em problemas como desempenho de rede.
• “The Best Request Is No Request, Revisited” é um novo artigo de Stefan Baumgartner que explica o que você pode fazer com HTTP/2 agora e as mudanças que funcionam na teoria, mas ainda não na prática.
• Samuel Parkinson explica o que acontece quando você visita ft.com. Uma visão aprofundada que começa com o DNS e continua a jornada por todo o fluxo de trabalho de solicitação do Financial Times.

Segurança

• A 4iQ, uma empresa de proteção de identidade, encontrou um banco de dados vazado contendo 1,4 bilhão de credenciais de texto simples na Dark Web. É provavelmente o maior recurso conhecido disponível até agora e mostra mais uma vez como é importante usar senhas exclusivas para cada serviço.
• HSTS é um método para dizer a um navegador para se conectar apenas a determinados nomes de host por meio do protocolo HTTPS seguro. No entanto, a maneira como ele é implementado atualmente nos navegadores está praticamente quebrado e vulnerável a ataques, como a pesquisa mostra com destaque.
• Tobias Tom compartilha como na Colloq eles implementaram uma verificação de senha que impede os usuários de escolher uma senha que foi exposta em uma violação de dados públicos. Ele é baseado no incrível conjunto de dados de Troy Hunt e compartilha alguns dados interessantes sobre como verificar um conjunto de dados Postgres de 40 GB sem afetar o desempenho do seu site.
• Você provavelmente já ouviu falar de mineração de criptografia no navegador. Um script recém-descoberto verifica o suporte ao WebAssembly para aproveitar ao máximo a capacidade do hardware e, em seguida, inicia uma janela pop-under que explora criptomoedas em segundo plano. A única mitigação é forçar manualmente o fechamento de todos os processos de tarefa do navegador. No entanto, também existem algumas extensões de navegador disponíveis que bloqueiam diretamente os scripts de mineração mais comuns.

Acessibilidade

• Qual é a melhor abordagem para projetar e codificar uma tabela que funcione para todos? Adrian Roselli compartilha como criar tabelas responsivas e acessíveis.
• Esta é Marcy Sutton assumindo o valor de escrever testes automatizados para acessibilidade e por que isso não significa que não precisamos mais fazer o trabalho manual de acessibilidade.

CSS

• Jonathan Snook explica como podemos construir um layout de calendário com CSS Grid.
• Com a próxima especificação CSS Selectors Level 4, obteremos um pseudo seletor :is semelhante a :matches mas sem aumentar a especificidade.

JavaScript

• Brian Kardell escreveu um post importante sobre como em breve poderemos usar Custom Elements como uma extensão de um elemento nativo comum. Isso é especialmente ótimo, pois não precisaremos construir tudo do zero, mas poderemos estender elementos nativos com personalizações enquanto ainda herdamos a acessibilidade e usabilidade completas do elemento nativo. Além disso, esse recurso permite a construção de elementos personalizados progressivamente aprimorados.
• Obtendo consultas de contêiner com ferramentas modernas em JavaScript? Ali Alaa compartilha como podemos fazer isso com o MutationObserver.
• O Safari tem suporte para import() de JavaScript dinâmico já nas versões de visualização, e o Chrome 63 também o suportará. Mathias Bynens explica o que isso significa e como podemos usá-lo. import() basicamente é a import em chamas e permite que você carregue módulos JavaScript inteiros em tempo real apenas quando você realmente precisar deles.
• Jake Archibald explica a diferença sutil, mas vital, entre await , return e return await e dá dicas sobre quando usar qual.

Vida de trabalho

• “Houve um tempo em que você podia escrever alguns poemas, morrer de tuberculose e chamar isso de uma vida bem vivida.” Quinn Norton publicou um pensamento “Contra a Produtividade” e sobre a estranha luta em todos nós por mais produtividade na vida.
• James Clear explica por que a vida sempre parece ficar mais complicada e o que podemos fazer para não nos sentirmos sobrecarregados com isso.
• De acordo com o The Guardian, muitos empregadores já estão usando uma variedade de tecnologias para monitorar os padrões de navegação na web de seus funcionários, pressionamentos de teclas, postagens em mídias sociais e até aplicativos de mensagens privadas. É a fiscalização do trabalho que mostra a desconfiança absoluta da empresa em relação ao seu pessoal. Mas o que você pode fazer se o seu empregador fizer o mesmo? O melhor é provavelmente falar com seu chefe que você acha que eles não valorizam seu trabalho e que parece que eles desconfiam de você se o monitoram.
• Ryan Singer compartilha por que apenas fazer Agile não funciona. Os problemas estão em fazer as coisas erradas, construir de acordo com as especificações e se distrair. Encontrar as coisas certas para trabalhar, fazê-las com cuidado e em ciclos é um trabalho realmente ágil. Não se distraia com números e termos e concentre-se nas coisas importantes.
• Alida Miranda-Wolff aborda a questão de por que “andar rápido e quebrar coisas” é uma má ideia quando se trata de pessoas, porque então a “coisa” que está sendo quebrada é uma pessoa. A questão das horas de trabalho, felicidade no trabalho, talento crescente e por que é tentador seguir padrões prejudiciais.
• Dan Kim compartilha por que ele acha que é hora de encerrar as reuniões recorrentes para trabalharmos juntos de uma maneira que não perca tempo, mas se concentre em coisas importantes que precisam ser discutidas. Um apelo para pensar razoavelmente sobre reuniões recorrentes.

Indo além…

• Scott Berkun explica por que a mudança certa muitas vezes parece errada. Se você puder se relacionar com isso, recomendo a leitura deste artigo, pois ajuda você a entender por que nos sentimos assim e por que isso é natural.
• O pessoal por trás da grande série Do Lectures compartilhou 100 livros de 2017 que nos recomendam ler. E embora eu não consiga ler todos os cem livros, há algumas ótimas dicas na lista que se qualificam como uma boa leitura de final de ano.
• Nos últimos meses, li cada vez mais artigos de pessoas que trabalham ou trabalharam para empresas de mídia social e agora falo sobre como esses serviços estão contribuindo maciçamente para destruir nossa sociedade. Este é outro que mostra o problema da desinformação, “linhas do tempo” agregadas influenciadas pela IA que só pioram as coisas, em vez de unificar a sociedade e ajudar as pessoas. Embora haja muito valor nas mídias sociais, há um problema subjacente na maioria dos grandes serviços: na busca por mais receita e novos recursos, esses serviços tentam combinar os interesses das pessoas e falham horrivelmente porque combinam muito bem com os interesses, em vez de fornecer atenção aos olhos. conteúdo aberto, neutro e objetivo aos usuários que os faça refletir suas opiniões e interesses.

Esperamos que você tenha gostado desta Atualização de Desenvolvimento Web. A próxima está marcada para 19 de janeiro. Fique ligado!