มินิแมปสำหรับ Firefox เท่านั้น (2021)

 (stefanjudis.com)
1 คะแนน โดย GN⁺ 2023-07-18 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • Firefox เป็นเบราว์เซอร์เพียงตัวเดียวที่รองรับฟังก์ชัน CSS element() อันล้ำสมัย
  • เมื่อใช้ฟังก์ชัน CSS element() คุณสามารถแสดงภาพขององค์ประกอบ HTML ใดก็ได้บนหน้า
  • มินิแมปในบล็อกโพสต์นี้ถูกสร้างขึ้นโดยใช้ฟังก์ชัน CSS element()
  • มินิแมปทำงานแบบเรียลไทม์ และเมื่อเลือกข้อความหรือเลื่อนหน้า ภาพที่โหลดแบบหน่วงเวลาก็จะแสดงขึ้น
  • มีโค้ด CSS สำหรับกำหนดองค์ประกอบ HTML อื่นให้เป็นภาพพื้นหลังของมินิแมป
  • ยังมีโค้ด JavaScript บางส่วนสำหรับย้ายกล่อง viewport ปัจจุบันของมินิแมปด้วย
  • บทความนี้ชวนให้ผู้อ่านใช้ Firefox ต่อไป และกล่าวว่าโพสต์ดังกล่าวขึ้นอันดับ 1 บน HN
  • ผู้เขียนยังโปรโมตจดหมายข่าวและเนื้อหาอื่น ๆ ในบล็อกของตนด้วย

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2023-07-18
ความคิดเห็นจาก Hacker News
  • นักพัฒนาเคยสร้างไลบรารี JS ที่ห่อองค์ประกอบ DOM และ custom GLSL shader นี้ไว้ แต่ไม่ได้ถูกนำไปใช้อย่างแพร่หลายในเบราว์เซอร์อื่น
  • บางคนมองว่ามินิแมปในตัวแก้ไขและเว็บไซต์ไม่มีประโยชน์ เพราะมีขนาดเล็ก กินพื้นที่หน้าจอ และมีทางเลือกที่ดีกว่า เช่น ฟังก์ชันดัชนีและการค้นหา
  • การที่ Firefox ขาดการรองรับข้ามเบราว์เซอร์สำหรับฟังก์ชัน element() เป็นเรื่องน่าประหลาดใจ และทำให้เกิดคำถามเกี่ยวกับความสนใจ ความยากในการพัฒนา และประเด็นด้านความปลอดภัย
  • การอัปเดตแบบเรียลไทม์และคุณสมบัติ viewport แยกต่างหากของฟังก์ชันมินิแมปมีผลกระทบและกรณีใช้งานที่เป็นไปได้ แต่ก็มีคำถามเกี่ยวกับการแปลงองค์ประกอบเป็นภาพและการใช้ CSS filter
  • จำเป็นต้องต่อต้านเว็บไซต์ที่ใช้ได้เฉพาะบน Chrome
  • ฟังก์ชันมินิแมปอาจถูกนำไปใช้ในทางที่ผิดโดยเว็บไซต์เพื่อบั่นทอนความสามารถของเบราว์เซอร์ และจำกัดการกระทำของผู้ใช้ เช่น การตรวจดู การบันทึก และการแปล
  • ฟังก์ชัน screensaver ของ Firefox น่ารื่นรมย์ดี
  • Firefox เป็นเบราว์เซอร์ที่หลายคนชอบเพราะความเข้ากันได้กับ GPU แต่ยังไม่มีตัวแปลเว็บที่ดี
  • หวังว่าฟังก์ชัน -moz-element จะถูกนำไปใช้ในเบราว์เซอร์อื่นด้วย
  • ผู้ใช้บางคนไม่สามารถเห็นฟังก์ชันมินิแมปในบทความ และไม่รู้ว่าเพราะเหตุใด