Eine Minimap nur für Firefox (2021)

 (stefanjudis.com)
1 Punkte von GN⁺ 2023-07-18 | 1 Kommentare | Auf WhatsApp teilen
  • Firefox ist der einzige Browser, der die raffinierte CSS-Funktion element() unterstützt.
  • Mit der CSS-Funktion element() lässt sich das Bild eines beliebigen HTML-Elements auf der Seite anzeigen.
  • Die Minimap des Blogbeitrags wurde mit der CSS-Funktion element() erstellt.
  • Die Minimap arbeitet in Echtzeit; beim Markieren von Text oder beim Scrollen werden verzögert geladene Bilder angezeigt.
  • Es wird CSS-Code bereitgestellt, um ein anderes HTML-Element als Hintergrundbild der Minimap zu definieren.
  • Außerdem gibt es etwas JavaScript-Code, um die Box des aktuellen Viewports in der Minimap zu verschieben.
  • Der Artikel ermutigt die Leser, Firefox weiterhin zu verwenden, und erwähnt, dass der Beitrag auf Platz 1 bei HN gelandet ist.
  • Der Autor wirbt außerdem für seinen Newsletter und weitere Materialien im Blog.

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2023-07-18
Hacker-News-Kommentare
  • Ein Entwickler hat eine JS-Bibliothek erstellt, die DOM-Elemente und benutzerdefinierte GLSL-Shader zusammenführt, aber in anderen Browsern wurde sie nicht breit übernommen.
  • Manche halten Minimap-Funktionen in Editoren und auf Websites wegen ihrer geringen Größe, des Verlusts an Bildschirmfläche und besserer Alternativen wie Index- und Suchfunktionen für nutzlos.
  • Dass es für die element()-Funktion in Firefox keine browserübergreifende Unterstützung gibt, ist überraschend und wirft Fragen zu Interesse, Implementierungsschwierigkeit und Sicherheitsproblemen auf.
  • Die Echtzeitaktualisierung der Minimap-Funktion und ihre Eigenschaften als separater Viewport haben Auswirkungen und potenzielle Anwendungsfälle, zugleich gibt es Fragen dazu, Elemente in Bilder umzuwandeln und CSS-Filter anzuwenden.
  • Es besteht Bedarf, sich gegen Websites zu wehren, die nur in Chrome funktionieren.
  • Die Minimap-Funktion könnte von Websites missbraucht werden, um Browser-Funktionen zu beeinträchtigen und Nutzeraktionen wie Untersuchen, Speichern und Übersetzen einzuschränken.
  • Die Bildschirmschoner-Funktion von Firefox ist erfreulich.
  • Firefox ist wegen der GPU-Kompatibilität der bevorzugte Browser, hat aber keinen guten Web-Übersetzer.
  • Es besteht die Hoffnung, dass die Funktion -moz-element auch von anderen Browsern übernommen wird.
  • Einige Nutzer können die Minimap-Funktion im Artikel nicht sehen und wissen nicht, warum.