Muitas das funcionalidades que estamos traduzindo do celular para a Web exigem permissão do usuário. Pense em geolocalização, acesso a áudio/vídeo (pense em getUserMedia para acesso à câmera), e da mesma forma as APIs. Provavelmente todos concordamos que exigir permissão para acessar essas APIs é bom, mas vejo um problema: às vezes não há como acessar o nível de permissão de cada API sem acionar uma solicitação ao usuário para obter essas informações. Isso é, no mínimo, intrusivo!
Recentemente descobri o API de permissões que fornece um método para consultar o nível de permissão de uma API sem acionar uma solicitação de acesso ao usuário. Vamos dar uma olhada em um exemplo simples:
// Get the geolocation status (starts out as "prompt") // ... meaning the user will be shown an access request if we want it navigator.permissions.query({ name: 'geolocation' }).then(function(result) { /* result.status = "prompt" */ }); // Request geolocation access if we really want it navigator.geolocation.getCurrentPosition(function(result) { /* ... */ }) // Assuming the user requested access, the permission is now "granted" navigator.permissions.query({ name: 'geolocation' }).then(function(result) { /* result.status = "granted" */ }); // Push notifications require options: navigator.permissions.query({ name: 'push', userVisibleOnly:true }).then(function(result) { /* ... */ });
Adoro essa nova API: um caminho claro para obter um nível de permissão sem precisar solicitar nenhuma informação do usuário. Por exemplo: se o nível de permissão for negativo, não peça permissão ao usuário para fazer algo, ou solicite ao usuário de outra forma que permita uma determinada permissão.
O senhor vê outra vantagem nessa API? Compartilhe!
CSS @supports
A detecção de recursos via JavaScript é uma prática recomendada do lado do cliente e por todos os motivos certos, mas, infelizmente, essa mesma funcionalidade não está disponível no CSS. O que acabamos fazendo é repetir as mesmas propriedades várias vezes com cada prefixo de navegador. Que nojo. Outra coisa que…
Tags META do Facebook Open Graph
Não é segredo que o Facebook se tornou um importante gerador de tráfego para todos os tipos de sites. Hoje em dia, até mesmo as grandes corporações direcionam os consumidores para suas páginas do Facebook, em vez de para os sites corporativos diretamente. E, é claro, há widgets “Curtir” e “Recomendar” do Facebook em todos os sites. Um…
9 demonstrações incríveis do WebGL
Por mais que os desenvolvedores detestem o Flash, ainda estamos tentando recuperar o atraso para duplicar nativamente os recursos de animação que a antiga tecnologia da Adobe nos proporcionou. É claro que temos tela de pintura, uma tecnologia incrível, que eu destaquei 9 demonstrações alucinantes. Outra tecnologia disponível…
WebKit Marquee CSS: Trazendo o sexy de volta
Todos nós brincamos sobre os dias de Antigamente na Web. Os senhores se lembram deles: GIFs animados estúpidos (chamas e imagens de “em breve”, principalmente), contadores idiotas, livros de visitas, applets etc. Outro “recurso” do qual pensávamos ter nos livrado era o marquee. O marquee era uma ferramenta rudimentar, semelhante ao javascript…