De vez em quando, o senhor se depara com um incômodo no CSS que precisa de um pouco de inteligência para ser descoberto. Um desses casos é o das barras de rolagem indesejadas e inesperadas. Quando vejo barras de rolagem indesejadas, geralmente abro as ferramentas do desenvolvedor, clico no inspetor de elementos e passo o […]
Tag: Detectar
Detectar a preferência pelo modo escuro com JavaScriptDetectar a preferência pelo modo escuro com JavaScript
Aparentemente, todos os sites, dapp e aplicativos oferecem uma preferência de modo escuro, e graças a Deus. O modo escuro é especialmente útil quando estou codificando até tarde da noite ou, pior ainda, negociando em altcoins. No momento, estou trabalhando na implementação de um tema escuro na MetaMask e isso me fez pensar: existe uma […]
Detectar alterações nas preferências de tema do sistema usando JavaScriptDetectar alterações nas preferências de tema do sistema usando JavaScript
JavaScript e CSS permitem que os usuários detectem a preferência de tema do usuário com o CSS’ prefers-color-scheme media query. Atualmente, é padrão usar essa preferência para mostrar o tema claro ou escuro em um determinado site. Mas e se o usuário alterar sua preferência enquanto estiver usando o aplicativo? Para detectar uma alteração de […]
Detectar a visibilidade das barras do navegador com JavaScriptDetectar a visibilidade das barras do navegador com JavaScript
Uma coisa é saber o que está no documento do navegador, outra é ter informações sobre o próprio navegador do usuário. Já passamos da fase de detectar o navegador que o usuário está usando e agora estamos sabendo quais partes da interface do usuário do navegador os usuários estão vendo. Os navegadores fornecem window.personalbar, window.locationbar, […]
Detectar suporte a XR com JavaScriptDetectar suporte a XR com JavaScript
Há alguns anos, escrevi um artigo sobre como detectar o suporte a VR com JavaScript. Desde aquela época, muita coisa mudou. A “realidade aumentada” tornou-se uma coisa e a terminologia mudou para “XR”, em vez de VR ou AR. Dessa forma, a API precisou evoluir. A presença de navigator.xr indica que o navegador é compatível […]
Detectar o tipo de conteúdo na área de transferênciaDetectar o tipo de conteúdo na área de transferência
A área de transferência de um usuário é um “apanhado geral” entre o sistema operacional e os aplicativos empregados nela. Ao usar um navegador da Web, o usuário pode destacar um texto ou clicar com o botão direito do mouse em uma imagem e selecionar “Copiar imagem”. Isso me fez pensar em como os desenvolvedores […]
Como detectar solicitações com falha por meio de extensões da WebComo detectar solicitações com falha por meio de extensões da Web
Uma das melhores coisas que já aconteceu com a experiência do usuário na Web foram as extensões da Web. Os navegadores são avançados, mas as extensões trazem um novo nível de funcionalidade. Quer se trate de carteiras de criptomoedas, reprodutores de mídia ou outros plug-ins populares, as extensões da Web tornaram-se essenciais para as tarefas […]
Detectar Caps Lock com JavaScriptDetectar Caps Lock com JavaScript
Qualquer pessoa é capaz de ter a tecla caps lock ativada a qualquer momento sem perceber. Os usuários podem identificar facilmente o caps lock indesejado ao digitar a maioria das entradas, mas ao usar um password input, o problema não é tão óbvio. Isso faz com que a senha do usuário esteja incorreta, o que […]