Caniemail.com - บริการตรวจสอบความเข้ากันได้ของคอนเทนต์อีเมล (caniuse เวอร์ชันอีเมล)

การรองรับพร็อพเพอร์ตี CSS transition (29 มีนาคม 2024)

• เนื้อหาที่สรุปสถานะการรองรับพร็อพเพอร์ตี CSS transition ในอีเมลไคลเอนต์
• พร็อพเพอร์ตี CSS transition เป็นความสามารถที่ทำให้การเปลี่ยนแปลงค่าของพร็อพเพอร์ตี CSS มีเอฟเฟ็กต์แอนิเมชันในช่วงเวลาที่กำหนด
• ในอีเมลไคลเอนต์ยังไม่รองรับอย่างกว้างขวาง

การรองรับพร็อพเพอร์ตี CSS text-wrap (3 เมษายน 2024)

• เนื้อหาที่สรุปสถานะการรองรับพร็อพเพอร์ตี CSS text-wrap ในอีเมลไคลเอนต์
• พร็อพเพอร์ตี CSS text-wrap เป็นพร็อพเพอร์ตีที่กำหนดว่าจะตัดบรรทัดคำยาวอย่างไร
• ในอีเมลไคลเอนต์ยังไม่รองรับอย่างกว้างขวาง

การรองรับพร็อพเพอร์ตี CSS word-spacing, shape-margin, shape-outside (13 มีนาคม 2024)

• เนื้อหาที่สรุปสถานะการรองรับพร็อพเพอร์ตี CSS word-spacing, shape-margin, shape-outside ในอีเมลไคลเอนต์
• CSS word-spacing เป็นพร็อพเพอร์ตีที่ใช้ปรับระยะห่างระหว่างคำ
• CSS shape-margin และ shape-outside เป็นพร็อพเพอร์ตีที่กำหนดวิธีให้ข้อความล้อมรอบรูปภาพหรือวัตถุ
• ในอีเมลไคลเอนต์ยังไม่รองรับอย่างกว้างขวาง

ข่าวอัปเดต Caniemail เดือนมีนาคม 2024 (29 มีนาคม 2024)

• ข่าวที่สรุปเนื้อหาการอัปเดตที่เพิ่มเข้ามาในเว็บไซต์ Caniemail ในเดือนมีนาคม 2024

ข่าวอัปเดต Caniemail เดือนกุมภาพันธ์ 2024 (29 กุมภาพันธ์ 2024)

• ข่าวที่สรุปเนื้อหาการอัปเดตที่เพิ่มเข้ามาในเว็บไซต์ Caniemail ในเดือนกุมภาพันธ์ 2024

สถานะการรองรับพร็อพเพอร์ตี CSS ของอีเมลไคลเอนต์

• Apple Mail (macOS) : รองรับ 267 จาก 284 รายการ
• Apple Mail (iOS) : รองรับ 266 จาก 284 รายการ
• Samsung Email (Android) : รองรับ 239 จาก 284 รายการ
• SFR (Desktop Webmail) : รองรับ 226 จาก 257 รายการ
• WEB.DE (iOS) : รองรับ 222 จาก 235 รายการ

แนะนำเว็บไซต์ Caniemail

• เป็นเว็บไซต์ที่เปิดตัวและดูแลโดย @HTeuMeuLeu และทีม Tilt Studio
• อ้างอิงจาก caniuse.com ต้นฉบับของ @Fyrd และออกแบบโดย @Lensco
• อ้างอิงจากไอเดียและชื่อดั้งเดิมของ @M_J_Robbins และทีม Rebel
• ชุมชนนักพัฒนาอีเมลบน GitHub ช่วยสนับสนุนการมีส่วนร่วมด้านข้อมูล
• หากพบปัญหา แนะนำให้รายงานบั๊กบน GitHub

ความเห็นของ GN⁺

• เป็นเว็บไซต์ที่มีประโยชน์มากสำหรับนักพัฒนาอีเมล เพราะสามารถดูสถานะการรองรับพร็อพเพอร์ตี CSS ของแต่ละอีเมลไคลเอนต์ได้ในภาพรวม เป็นเว็บไซต์ที่จำเป็นมากสำหรับตรวจสอบความเข้ากันได้เมื่อต้องการนำพร็อพเพอร์ตี CSS ใหม่มาใช้กับอีเมล
• ปัจจุบันการรองรับ CSS ของอีเมลไคลเอนต์ยังด้อยกว่าเว็บเบราว์เซอร์มาก พร็อพเพอร์ตีที่เกี่ยวกับแอนิเมชันหรือเลย์เอาต์แทบไม่ได้รับการรองรับ จึงเป็นข้อจำกัดของการออกแบบอีเมล
• มีการแจ้งข่าวอัปเดตอย่างสม่ำเสมอ จึงน่าจะช่วยให้นักพัฒนาอีเมลติดตามข้อมูลล่าสุดได้ อย่างไรก็ตาม รอบการอัปเดตอาจถี่เกินไปจนตามไม่ทันได้
• มีเว็บไซต์คล้ายกันอย่าง EmailOnAcid และ Litmus แต่เว็บไซต์เหล่านี้ต่างกันตรงที่มีภาพหน้าจอพรีวิวการเรนเดอร์ในแต่ละไคลเอนต์ให้ดู หากใช้งานร่วมกับ Caniemail ก็น่าจะเกิดผลเสริมกันได้

[GN⁺]

ความเห็นจาก Hacker News

สรุปได้ว่า:

• การรองรับอีเมลแบบ Dark mode เป็นหนึ่งในเรื่องที่ทำให้นักพัฒนาฟรอนต์เอนด์หงุดหงิดที่สุด ต้องทำดีไซน์สำหรับ light mode อย่างเดียว แล้วเลือกสีที่ยังมองเห็นได้ดีเมื่อไคลเอนต์อีเมลกลับสีอัตโนมัติใน dark mode
• หากใช้ mjml(https://mjml.io/) เพื่อสร้างเทมเพลตอีเมล จะช่วยให้ความเข้ากันได้ดีขึ้น
• สามารถใช้ Litmus(https://litmus.com) หรือ testi.at เพื่อทดสอบหน้าตาของเทมเพลตอีเมลบนแอปและอุปกรณ์หลากหลายแบบได้
• มีเกร็ดขำ ๆ ว่าเว็บไซต์ Can I email? มีคนเข้าไปเยอะเพราะคิดว่าจะใช้ส่งอีเมลหาคนดังได้
• HTML มีลักษณะใกล้เคียงแอปพลิเคชันมากกว่าเอกสาร จึงมีการรองรับในเมลไคลเอนต์อย่างจำกัด น่าจะดีถ้ามีมาตรฐานเอกสารทางการสำหรับ subset ของ HTML
• บางคนมองว่าการนำ HTML มาใช้กับอีเมลเป็นสิ่งที่แย่ที่สุด และเนื้อหาแบบข้อความล้วนดีที่สุด
• jsx-email มี CLI สำหรับตรวจสอบความเข้ากันได้ของไคลเอนต์อีเมลในตัว โดยใช้ชุดข้อมูลของ caniemail
• Gmail และ Outlook อยู่อันดับท้ายสุดในด้านความเข้ากันได้
• ยิ่งอันดับต่ำยิ่งดี บางคนมีนโยบายว่า "อีเมลที่มีไฟล์แนบโดยไม่ได้ตกลงกันล่วงหน้าจะถูกลบอัตโนมัติ"