Hello.

Eu tenho um objetivo de construir o software de gravação de tela mais simples do mundo e tenho andado devagarinho pelo projeto nos últimos dois meses (quero dizer, muito devagar). Em postagens anteriores, eu tinha conseguido o screen recording and a voice overlay por futzing com os fluxos de todas as fontes de entrada. Uma área de frustração era que eu não conseguia descobrir como obter o áudio da área de trabalho * e * sobrepor o áudio do alto-falante.

Tive um pouco de folga depois que o Google IO e eu quisemos coçar uma coceira de longo prazo que eu tive. Eu só quero ser capaz de copiar o texto que é mantido dentro de imagens no navegador. Isso é tudo. Eu acho que seria um recurso legal para todos. Não é fácil adicionar funcionalidade diretamente ao Chrome, mas sei que posso aproveitar o sistema de intenção no Android e agora posso fazer isso com a Web (ou pelo menos o Chrome no Android).

Grandes atualizações para o mais recente Safari! Eu pensei que este foi um anúncio muito grande, e o oposto do Google, que há pouco tempo disse que o Google Pay Lib é a maneira recomendada de implementar pagamentos … Quero dizer, não é um milhão de milhas de distância, o Google Pay é construído no topo Pedido de pagamento, mas não é PR primeiro. Payment Request is now the recommended way to pay implement Apple Pay on the web.

Anos atrás, fiz algumas pesquisas sobre como os aplicativos nativos responderam à falta de conectividade de rede. Embora eu tenha perdido o link para a análise (eu poderia jurar que estava no Google+), a narrativa abrangente era que muitos aplicativos nativos estão inextricavelmente ligados à internet e que eles apenas se recusam a funcionar. Parece um monte de aplicativos web, o que os diferencia da web é que a experiência ainda era 'on-brand', Bart Simpson diria que você precisa estar online (por exemplo), e ainda para o Na grande maioria das experiências na web, você obtém um 'Dino' (veja chrome: // dino).

Eu atualizei pelo editor Hugo para tentar usar o EditorJS como, bem, o editor do blog. Workspace in classic editors is made of a single contenteditable element, used to create different HTML markups. Editor.js workspace consists of separate Blocks: paragraphs, headings, images, lists, quotes, etc. Each of them is an independent contenteditable element (or more complex structure) provided by Plugin and united by Editor’s Core. Read full post .

Nós temos feito muito desenvolvimento em feature phones recentemente e tem sido difícil, mas divertido. O mais difícil é que no KaiOS achamos impossível depurar páginas da web, especialmente no hardware que tínhamos (o Nokia 8110). A Nokia é um ótimo dispositivo, é construído com KaiOS que sabemos que é baseado em algo semelhante ao Firefox 48, mas está bloqueado, não há modo de desenvolvedor tradicional como você entrar em outros dispositivos Android, o que significa que você não pode conectar o Firefox WebIDE facilmente.

Eu tenho tocado muito com o Shape Detection API no Chrome e eu realmente gosto do potencial que ele tem, por exemplo, um QRCode detector muito simples que escrevi há muito tempo tem um polyfill JS, mas usa a API new BarcodeDetector() se estiver disponível. Você pode ver algumas das outras demos que construí aqui usando os outros recursos da API de detecção de formas: Face Detection , Barcode Detection e Text Detection .

Eu vi um tweet de um bom amigo e colega, Mariko , sobre testes em uma série de dispositivos de baixo custo, mantendo você realmente ancorado. O contexto do tweet é que estamos vendo como é o desenvolvimento da Web ao criar para usuários que vivem diariamente nessas classes de dispositivos. A equipe está fazendo muito trabalho agora neste espaço, mas passei um dia construindo um site e foi incrivelmente difícil fazer qualquer coisa funcionar em um nível um pouco razoável de desempenho - aqui estão alguns dos problemas que encontrei:

Eu estava apenas refletindo sobre algumas das work our team has done e encontrei um projeto de 2017 que Robert Nyman e Eric Bidelman criaram. Browser Bug Searcher! . É incrível que, com apenas algumas teclas, você tenha uma excelente visão geral dos seus recursos favoritos em todos os principais mecanismos de navegação. Source code available . Isso realmente destaca um dos problemas que tenho com os rastreadores de bugs crbug e webkit, eles não têm uma maneira simples de obter feeds de dados em formatos como RSS.

Eu estava procurando por um editor de markdown rápido em https://www.webcomponents.org/ para que eu pudesse facilitar a postagem neste blog e me deparei com um conjunto de componentes por github . Eu sabia que eles tinham o <time-element> mas eu não sabia que eles tinham um conjunto tão bom e simples de elementos úteis.

Parece meio legal hoje.

A forma como nós (como indústria) implementamos o consentimento do GDPR é uma bagunça. Não sei por que alguém escolheria outra coisa senão "Usar apenas cookies necessários", no entanto, eu realmente não posso dizer a diferença entre uma ou outra opção e o compromisso de qualquer escolha, para não mencionar que posso verificar que é apenas usando apenas os cookies necessários.

A história julgará a todos nós nesta confusão, e espero que seja um estudo de caso para todos sobre os efeitos do nacionalismo, do interesse próprio, da arrogância colonial, da celebridade-bafoonery. Filhos da puta.

Recentemente Ricky Mondello, do time Safari, compartilhou uma nota sobre como o Twitter está usando a especificação ./well-known/change-password. I just noticed that Twitter has adopted the Well-Known URL for Changing Passwords! Is anyone aware of other sites that have adopted it? Twitter’s implementation: https://twitter.com/.well-known/change-password; Github’s: https://github.com/.well-known/change-password; Specification :https://github.com/WICG/change-password-url Read full post . O recurso passou completamente por mim, mas é uma boa ideia: dado um arquivo em um local bem conhecido, o navegador pode oferecer uma interface do usuário que permita a rápida redefinição da senha sem ter que navegar pela interface do usuário complexa dos sites.

Jake e a equipe criaram esse elemento personalizado bastante impressionante para gerenciar o zoom de pinch em qualquer conjunto de HTML fora da própria dinâmica de zoom de pinça do navegador (pense no zoom da viewport móvel). O elemento foi um dos componentes centrais que precisávamos para o aplicativo squoosh que criamos e lançamos no Chrome Dev Summit (… eu digo "lançado no Chrome Dev Summit" - Jake estava mostrando para todos no Dia do Desenvolvedor do Google na China mesmo que o resto da equipe estivesse sob embargo;) …)