Atualização mensal de desenvolvimento da Web 2⁄2019: autenticação da Web e o problema com o UX

A única constante na vida é a mudança, dizem eles. E é verdade, mesmo que pensemos que nada muda. Se você percebe a mudança ou não é apenas uma questão de como você percebe e como você observa as coisas. No setor de tecnologia, é fácil ver a rapidez com que as coisas evoluem – leia um artigo resumido como este e, de repente, você perceberá o quanto aconteceu em apenas um mês. Desde que retomei a meditação, ganhei uma nova perspectiva, e isso me ajuda a apreciar deliberadamente essa mudança e encontrar valor pessoal e gratidão , mesmo em coisas que não pareciam particularmente positivas no início.

Como esta semana, por exemplo. Lembrei-me de um fato que costumamos esquecer: como a Internet é estruturada. Se você navega na web, a maior parte do tráfego é direcionada através da Amazon em algum momento, então se você bloquear seus servidores – ou Google ou Apple, ou todos eles –, não sobrará muito da Internet. Eu uso um bloqueador de DNS Pi-Hole na minha rede há três anos, mas nunca gostei muito, até que aprendi sobre seu valor real esta semana - a segurança e a privacidade que ele fornece, considerando nossa dependência de gigantes da tecnologia. Não é notável como uma grande parte da minha segurança online percebida depende de um software de código aberto no qual os autores gastaram tanto tempo e esforços para fornecê-lo gratuitamente no final?

Notícias

• Firefox 65 foi lançado. A nova versão despacha eventos em elementos HTML disabled e vem com suporte para o atributo referrerpolicy em elementos de script , variáveis ​​de ambiente CSS (a função env() ), Intl.RelativeTimeFormat para JavaScript e imagens WebP.
• O Safari Tech Preview 74 traz fetch abortável, suporte para autenticadores U2F HID no macOS e novos recursos da API de autenticação da Web.
• Com o Chrome 72, o Chrome introduziu a API de ativação do usuário. A nova versão também não permite pop-ups no pageunload .
• A atualização do Chrome 72 para Android trouxe o tão esperado recurso Trusted Web Activity, o que significa que agora podemos distribuir PWAs na Google Play Store.
• As notas de versão do Safari 12.1 estão disponíveis (iOS 12.2, macOS 10.14.4). O que há de novo? Modo escuro para a Web, prevenção de rastreamento inteligente, o prompt de notificação por push para Safari no macOS agora requer configurações de gesto, movimento e orientação do usuário no iOS para habilitar DeviceMotionEvent e DeviceOrientationEvent (isso significa que está desativado por padrão agora). Também são novas a API Intersection Observer, a API Web Share e o elemento <datalist> .
  

Em geral

• Max Bock compartilha seus pensamentos sobre por que a simplicidade é a coisa mais valiosa e importante nos projetos.
• Ian Littman no Twitter: “A mudança de 50% dos servidores para PHP 7 do PHP 5 economizaria US$ 2,5 bilhões (editados para 2,0) bilhões em custos de energia por ano e evitaria bilhões de quilos de emissões de CO2. Atualize para PHP 7. Salve o planeta.”
• Como você começou a aprender desenvolvimento web? Acho que a maioria de nós confiou na funcionalidade “view source” de nossos navegadores e ainda depende. Mas com JavaScript SPAs e mais ferramentas que destroem, minificam e enfeitam fontes, bloqueamos esse caminho de auto-educação para inúmeras pessoas por aí. Vamos mudar para uma abordagem mais aberta e, pelo menos, fornecer mapas de origem nos servidores de produção para que as pessoas possam acessar as fontes reais por meio das Ferramentas do Desenvolvedor.

IU/UX

• O que faz a diferença entre um bom produto digital e um ótimo produto digital? Duas letras: UX. Projeto de Experiência do Usuário. Mas há um problema fundamental com isso. Johannes Ippen sobre por que devemos ver humanos, não usuários.
• Este é um bom resumo de como os sites populares mudaram nos últimos dez anos – incluindo Google, YouTube, Amazon, Facebook, Apple e eBay. Você pode ver claramente que estamos em uma era diferente hoje.
• Colin Eagan resume as dezenas de possibilidades que temos para personalizar uma experiência web para o usuário e quais funcionam e quais não. Ele conclui com um conselho valioso: começar simples em vez de seguir o culto do complexo, não importa o quanto a empresa e sua equipe sejam conhecedoras de tecnologia.

HTML e SVG

• Sara Soueidan escreveu um curso 101 sobre filtros SVG para ajudá-lo a entender o que são e como usá-los para criar seus próprios efeitos visuais.

Acessibilidade

• Rob Dodson compartilha um ótimo resumo sobre como construir melhores primitivas de acessibilidade.

Privacidade

• O Google é uma daquelas empresas que sempre encontra maneiras novas e inteligentes de expor os dados de localização do usuário e vendê-los a terceiros. Agora, o Google quer vender os dados de localização exata dos usuários para melhorar o planejamento dos planejadores urbanos, por exemplo. Útil por um lado, mas ainda preocupante para todos os usuários de produtos do Google que podem não estar cientes do que acontece com seus dados.
• “Eu estava errado sobre o Google e o Facebook: não há nada de errado com eles (assim dizemos todos nós)”, diz Aral Balkan. Esta peça explica como mesmo os projetos de código aberto mais honrosos lutam para fazer escolhas éticas e as falácias de oferecer o melhor UX em vez de promover soluções eticamente corretas.

Desempenho na Web

• Jens Oliver Meiert compartilha sua pesquisa sobre como a maneira como você escreve HTML influencia o desempenho. Deixar de fora tags e citações opcionais pode fazer a diferença, mesmo que possamos usar gzip ou outras técnicas para otimizar a resposta do documento no navegador.

JavaScript

• Com a maioria das violações de dados ocorrendo devido a senhas fracas e reutilizadas, a autenticação na Web é um tópico importante nos dias de hoje. O novo Guide to Web Authentication é um excelente exemplo de que um guia de implementação de segurança também pode ser bonito.
• Mathias Schafer resumiu suas lições aprendidas com a manutenção de grandes bases de código JS em projetos de longo prazo.
• Dr. Axel Rauschmayer descreve o que ainda está faltando em JavaScript e o que pode ser implementado no futuro.
• O Intersection Observer chegou ao WebKit, e a equipe do Webkit escreveu um tutorial útil para ele.

CSS

• Rik Schennink explica como usar CSS inteligente para aplicar estilos com base na posição de rolagem do usuário.
• É incrível como Fabricius Seifert criou essa animação 3D do Sistema Solar com CSS puro.
• Preethi Sam explica como usar a função CSS element() pouco conhecida para criar um navegador de minimapa.
• Roman Komarov compartilha sua abordagem para um layout de blog flexível com uma barra lateral opcional. Feito com CSS Grid e Propriedades Personalizadas.

Vida de trabalho

• Paul Greenberg está em busca do tempo perdido na tela e explora como nossas vidas poderiam ser e quanto tempo mais teríamos se fugissemos das telas. Há alguns números reveladores no artigo: o americano médio gasta US$ 14.000 por década em smartphones. Isso é $ 70.000 ao longo de uma vida média de trabalho. Mais de 29% dos americanos preferem desistir do sexo por três meses do que desistir de seus smartphones por uma única semana. Ou você pode plantar 150 árvores e comprar meio acre de terra pela quantia de dinheiro que gastou em seu smartphone e aplicativos por ano.
• Você é uma pessoa paciente? Independentemente de você ser ou não, o experimento que Jason Fried quer fazer é certamente um desafio: tente pegar a fila mais longa do supermercado, cancele o Amazon Prime para que a entrega demore mais e aproveite para esperar sempre que possível. Abrace a lentidão.
• “In Praise of Extreme Moderation” compartilha uma perspectiva interessante sobre por que a cultura de se comprometer demais, trabalhar demais e entregar demais em todas as áreas da vida não é saudável e como podemos mudar para um caminho mais moderado e calmo .

Indo além…

• “Deve ser grátis.” Nos serviços que obviamente não precisamos, mas queremos ter. Meu ensaio sobre a importância de ver valor nas coisas que realmente precisamos e por que menos é mais.
• Como podemos melhorar nossa vida? Mantendo relacionamentos essenciais, evitando tecnologia e adotando valores em vez de macetes, diz Eric Barker.
• Assista a esta palestra de Greta Thunberg, uma mulher de dezesseis anos que diz a todas as pessoas conhecidas e influentes que ela não se importa com dinheiro e por que precisamos ver as mudanças climáticas de uma perspectiva como a dela - sua vida está em perigo e nenhum dinheiro poderá salvá-lo. Precisamos de mais pessoas como ela que não sejam lideradas por regras corporativas ou financeiras.