Une mini-carte réservée à Firefox (2021)

 (stefanjudis.com)
1 points par GN⁺ 2023-07-18 | 1 commentaires | Partager sur WhatsApp
  • Firefox est le seul navigateur à prendre en charge la fonction CSS avancée element().
  • La fonction CSS element() permet d’afficher sur la page l’image de n’importe quel élément HTML.
  • La mini-carte de l’article de blog a été créée à l’aide de la fonction CSS element().
  • La mini-carte fonctionne en temps réel et affiche aussi les images chargées de façon différée lors de la sélection de texte ou du défilement.
  • Du code CSS est fourni pour définir un autre élément HTML comme image d’arrière-plan de la mini-carte.
  • Il y a aussi un peu de code JavaScript pour déplacer la boîte du viewport actuel dans la mini-carte.
  • L’article encourage les lecteurs à continuer d’utiliser Firefox et mentionne que ce billet a atteint la 1re place sur HN.
  • L’auteur fait également la promotion de sa newsletter et d’autres contenus de son blog.

À lire aussi

1 commentaires

 
GN⁺ 2023-07-18
Avis Hacker News
  • Le développeur a créé une bibliothèque JS qui replie des éléments DOM et des shaders GLSL personnalisés, mais elle n’a pas été largement adoptée dans les autres navigateurs.
  • Certaines personnes estiment que les minimaps dans les éditeurs et sur les sites web sont inutiles en raison de leur petite taille, de la perte d’espace à l’écran et de meilleures alternatives comme l’indexation et la recherche.
  • L’absence de support cross-browser pour la fonctionnalité element() dans Firefox est surprenante et soulève des questions sur l’intérêt, la difficulté d’implémentation et les problèmes de sécurité.
  • La mise à jour en temps réel de la fonctionnalité de minimap et ses caractéristiques de viewport séparé ont un impact et des cas d’usage potentiels, mais des questions subsistent sur la conversion d’éléments en images et l’application de filtres CSS.
  • Il faut résister aux sites qui ne fonctionnent que dans Chrome.
  • La fonctionnalité de minimap pourrait être détournée par des sites pour dégrader les fonctionnalités du navigateur et limiter les actions des utilisateurs, comme l’inspection, la sauvegarde et la traduction.
  • La fonction d’économiseur d’écran de Firefox est plaisante.
  • Firefox est le navigateur préféré en raison de sa compatibilité GPU, mais il ne dispose pas d’un bon traducteur web.
  • On espère que la fonctionnalité -moz-element sera adoptée par les autres navigateurs.
  • Certains utilisateurs ne voient pas la fonctionnalité de minimap dans l’article et ne savent pas pourquoi.