Minimap Khusus Firefox (2021)

• Firefox adalah satu-satunya browser yang mendukung fungsi CSS element() yang canggih.
• Dengan menggunakan fungsi CSS element(), Anda dapat menampilkan gambar dari elemen HTML apa pun di halaman.
• Minimap pada postingan blog ini dibuat menggunakan fungsi CSS element().
• Minimap bekerja secara real-time, dan gambar yang dimuat tertunda akan ditampilkan saat Anda memilih teks atau menggulir.
• Disediakan kode CSS untuk mendefinisikan elemen HTML lain sebagai gambar latar minimap.
• Ada juga beberapa kode JavaScript untuk memindahkan kotak viewport saat ini pada minimap.
• Artikel ini mendorong pembaca untuk terus menggunakan Firefox dan menyebutkan bahwa postingan tersebut mencapai peringkat #1 di HN.
• Penulis juga mempromosikan newsletter serta materi lain di blognya.

[GN⁺]

Komentar Hacker News

• Pengembang membuat library JS yang menggabungkan elemen DOM dan shader GLSL kustom, tetapi tidak diadopsi secara luas di browser lain.
• Sebagian orang menganggap minimap di editor dan situs web tidak berguna karena ukurannya kecil, mengorbankan ruang layar, dan ada alternatif yang lebih baik seperti fungsi indeks dan pencarian.
• Kurangnya dukungan lintas-browser untuk fitur element() di Firefox cukup mengejutkan, dan memunculkan pertanyaan tentang minat, tingkat kesulitan implementasi, dan masalah keamanan.
• Pembaruan real-time dan karakteristik viewport terpisah pada fitur minimap memiliki dampak dan potensi kasus penggunaan, tetapi ada pertanyaan tentang mengubah elemen menjadi gambar dan menerapkan filter CSS.
• Perlu melawan situs yang hanya bekerja di Chrome.
• Fitur minimap dapat disalahgunakan oleh situs untuk merusak fungsi browser dan membatasi tindakan pengguna seperti meninjau, menyimpan, dan menerjemahkan.
• Fitur screensaver Firefox menyenangkan.
• Firefox adalah browser yang disukai karena kompatibilitas GPU, tetapi tidak memiliki penerjemah web yang bagus.
• Ada harapan agar fitur -moz-element diadopsi oleh browser lain.
• Beberapa pengguna tidak dapat melihat fitur minimap dalam artikel dan tidak tahu alasannya.