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 com a API WebXR e os dispositivos XR:
const supportsXR = 'xr' in window.navigator;
Gosto muito de usar o in para verificação de recursos em vez de usar o if(navigator.xr)pois a simples invocação desse recurso pode causar alguma inicialização. Nas próximas postagens, exploraremos a identificação e a conexão com diferentes dispositivos.
Criação de efeitos de paralaxe de rolagem com CSS
Introdução Há muito tempo, os sites com o chamado efeito “parallax” são muito populares… Caso o senhor não tenha ouvido falar desse efeito, ele basicamente inclui diferentes camadas de imagens que se movem em diferentes direções ou com diferentes velocidades. Isso leva a uma…
5 APIs HTML5 que o senhor não sabia que existiam
Quando se diz ou se lê “HTML5”, é de se esperar que dançarinas exóticas e unicórnios entrem na sala ao som de “I’m Sexy and I Know It”. Mas o senhor pode nos culpar? Assistimos à estagnação das APIs fundamentais por tanto tempo que um recurso básico…
Contadores CSS
Contadores. Eles eram um elemento básico do Geocities/da cena inicial da Web, com os quais muitos de nós, desenvolvedores “mais antigos”, crescemos; um recurso na época, o alvo de piadas na Web agora. O CSS implementou seu próprio tipo de contador, um mais sensato e direto do que o antigo…