Minimapa exclusivo para Firefox (2021)

• O Firefox é o único navegador que oferece suporte à sofisticada função CSS element().
• Com a função CSS element(), é possível exibir na página a imagem de qualquer elemento HTML.
• O minimapa da postagem do blog foi criado usando a função CSS element().
• O minimapa funciona em tempo real e mostra imagens carregadas com atraso ao selecionar texto ou rolar a página.
• É fornecido o código CSS que define outro elemento HTML como imagem de fundo do minimapa.
• Também há algum código JavaScript para mover a caixa da viewport atual do minimapa.
• O artigo incentiva os leitores a continuarem usando o Firefox e menciona que a postagem alcançou o 1º lugar no HN.
• O autor também divulga a newsletter e outros materiais do blog.

[GN⁺]

Comentários do Hacker News

• O desenvolvedor criou uma biblioteca JS que dobra elementos DOM e shaders GLSL personalizados, mas ela não foi amplamente adotada em outros navegadores.
• Algumas pessoas acham que minimapas em editores e sites são inúteis devido ao tamanho pequeno, à perda de espaço na tela e à existência de alternativas melhores, como recursos de índice e busca.
• A falta de suporte entre navegadores para a função element() no Firefox é surpreendente e levanta dúvidas sobre interesse, dificuldade de implementação e questões de segurança.
• As atualizações em tempo real e as características de viewport separada da função de minimapa têm impacto e possíveis casos de uso, mas há dúvidas sobre converter elementos em imagem e aplicar filtros CSS.
• É necessário combater sites que funcionam apenas no Chrome.
• A função de minimapa pode ser explorada por sites para prejudicar recursos do navegador e limitar ações do usuário, como inspecionar, salvar e traduzir.
• O recurso de proteção de tela do Firefox é agradável.
• O Firefox é o navegador preferido por causa da compatibilidade com GPU, mas não tem um bom tradutor da web.
• Há esperança de que o recurso -moz-element seja adotado por outros navegadores.
• Alguns usuários não conseguem ver a função de minimapa no artigo e não sabem o motivo.