Yalnızca Firefox için bir minimap (2021)

• Firefox, gösterişli element() CSS fonksiyonunu destekleyen tek tarayıcıdır.
• element() CSS fonksiyonu kullanılarak sayfada herhangi bir HTML öğesinin görüntüsü gösterilebilir.
• Blog gönderisindeki minimap, element() CSS fonksiyonu kullanılarak oluşturulmuştur.
• Minimap gerçek zamanlı çalışır; metin seçerken veya kaydırma yaparken gecikmeli yüklenen görseller gösterilir.
• Minimap’in arka plan görseli olarak başka bir HTML öğesini tanımlayan CSS kodu sunulmaktadır.
• Minimap’in mevcut viewport kutusunu taşımak için bir miktar JavaScript kodu da bulunmaktadır.
• Bu yazı, okurları Firefox kullanmaya devam etmeye teşvik ediyor ve ilgili gönderinin HN’de 1 numaraya yükseldiğinden bahsediyor.
• Yazar ayrıca bültenini ve blogdaki diğer içerikleri tanıtıyor.

[GN⁺]

Hacker News görüşleri

• Geliştirici, DOM öğelerini ve özel GLSL shader'larını katlayan bir JS kütüphanesi oluşturdu, ancak bu diğer tarayıcılarda geniş çapta benimsenmedi.
• Bazı insanlar, editörler ve web sitelerindeki minimap'lerin küçük boyutları, ekran alanı kaybı ve indeksleme ile arama gibi daha iyi alternatifler nedeniyle işe yaramaz olduğunu düşünüyor.
• Firefox'ta element() özelliği için tarayıcılar arası desteğin olmaması şaşırtıcı; bu da ilgi, uygulama zorluğu ve güvenlik sorunları hakkında sorular doğuruyor.
• Minimap özelliğinin gerçek zamanlı güncellemeleri ve ayrı viewport niteliği etkileri ile olası kullanım alanlarına sahip, ancak öğeleri görsele dönüştürüp CSS filtreleri uygulama konusunda soru işaretleri var.
• Yalnızca Chrome'da çalışan sitelere karşı durmak gerekiyor.
• Minimap özelliği, siteler tarafından tarayıcı özelliklerini bozmak ve inceleme, kaydetme ve çeviri gibi kullanıcı eylemlerini kısıtlamak için kötüye kullanılabilir.
• Firefox'un ekran koruyucu özelliği keyifli.
• Firefox, GPU uyumluluğu nedeniyle tercih edilen tarayıcı, ancak iyi bir web çevirmeni yok.
• -moz-element özelliğinin diğer tarayıcılar tarafından benimsenmesi umuluyor.
• Bazı kullanıcılar makaledeki minimap özelliğini göremiyor ve nedenini bilmiyor.