Minimapa exclusivo para Firefox (2021)

• Firefox es el único navegador que soporta la elegante función CSS element().
• Con la función CSS element(), se puede mostrar en la página la imagen de cualquier elemento HTML.
• El minimapa de la publicación del blog fue creado usando la función CSS element().
• El minimapa funciona en tiempo real, y al seleccionar texto o hacer scroll se muestran las imágenes con carga diferida.
• Se proporciona código CSS para definir otro elemento HTML como imagen de fondo del minimapa.
• También hay algo de código JavaScript para mover el cuadro del viewport actual del minimapa.
• El artículo anima a los lectores a seguir usando Firefox y menciona que esa publicación llegó al puesto #1 en HN.
• El autor también promociona su newsletter y otros materiales del blog.

[GN⁺]

Comentarios en Hacker News

• Un desarrollador creó una biblioteca de JS que encapsula elementos del DOM y shaders GLSL personalizados, pero no fue ampliamente adoptada en otros navegadores.
• Algunas personas consideran que los minimapas en editores y sitios web son inútiles debido a su tamaño pequeño, la pérdida de espacio en pantalla y la existencia de mejores alternativas como las funciones de índice y búsqueda.
• La falta de soporte entre navegadores para la función element() en Firefox es sorprendente, y plantea preguntas sobre el interés, la dificultad de implementación y los problemas de seguridad.
• Las actualizaciones en tiempo real de la función de minimapa y sus características de viewport separado tienen implicaciones y posibles casos de uso, pero hay dudas sobre convertir elementos en imágenes y aplicar filtros CSS.
• Hay que oponerse a los sitios que solo funcionan en Chrome.
• La función de minimapa podría ser mal utilizada por los sitios para perjudicar funciones del navegador y limitar acciones del usuario como inspeccionar, guardar y traducir.
• La función de protector de pantalla de Firefox es agradable.
• Firefox es el navegador preferido por su compatibilidad con GPU, pero no tiene un buen traductor web.
• Se espera que la función -moz-element sea adoptada por otros navegadores.
• Algunos usuarios no pueden ver la función de minimapa en el artículo y no saben por qué.