6 poin oleh GN⁺ 2024-05-07 | 1 komentar | Bagikan ke WhatsApp

Dukungan properti CSS transition (29 Maret 2024)

  • Ringkasan status dukungan properti CSS transition di klien email
  • Properti CSS transition adalah fitur untuk memberikan efek animasi pada perubahan nilai properti CSS selama jangka waktu tertentu
  • Masih belum didukung secara luas di klien email

Dukungan properti CSS text-wrap (3 April 2024)

  • Ringkasan status dukungan properti CSS text-wrap di klien email
  • Properti CSS text-wrap adalah properti yang menentukan bagaimana kata panjang diproses saat pergantian baris
  • Masih belum didukung secara luas di klien email

Dukungan properti CSS word-spacing, shape-margin, dan shape-outside (13 Maret 2024)

  • Ringkasan status dukungan properti CSS word-spacing, shape-margin, dan shape-outside di klien email
  • CSS word-spacing adalah properti untuk mengatur jarak antar kata
  • CSS shape-margin dan shape-outside adalah properti yang menentukan cara teks mengalir mengelilingi gambar atau objek
  • Masih belum didukung secara luas di klien email

Berita pembaruan Caniemail Maret 2024 (29 Maret 2024)

  • Berita yang merangkum pembaruan yang ditambahkan ke situs Caniemail pada Maret 2024

Berita pembaruan Caniemail Februari 2024 (29 Februari 2024)

  • Berita yang merangkum pembaruan yang ditambahkan ke situs Caniemail pada Februari 2024

Status dukungan properti CSS di klien email

  • Apple Mail (macOS): mendukung 267 dari 284
  • Apple Mail (iOS): mendukung 266 dari 284
  • Samsung Email (Android): mendukung 239 dari 284
  • SFR (Desktop Webmail): mendukung 226 dari 257
  • WEB.DE (iOS): mendukung 222 dari 235

Pengenalan situs Caniemail

  • Situs yang diluncurkan dan dipelihara oleh @HTeuMeuLeu dan tim Tilt Studio
  • Berbasis pada caniuse.com asli dari @Fyrd dan didesain oleh @Lensco
  • Berdasarkan ide dan nama asli dari @M_J_Robbins dan tim Rebel
  • Komunitas pengembang email di GitHub mendukung kontribusi data
  • Jika ada masalah, pengguna diarahkan untuk melaporkan bug di GitHub

Opini GN⁺

  • Situs yang sangat berguna bagi pengembang email karena memungkinkan mereka melihat sekilas status dukungan properti CSS di tiap klien email. Ini adalah situs yang wajib untuk memeriksa kompatibilitas saat menerapkan properti CSS baru ke email.
  • Dukungan CSS di klien email masih jauh tertinggal dibanding browser web. Properti terkait animasi maupun layout hampir tidak didukung, sehingga menjadi batasan dalam desain email.
  • Situs ini rutin mengabarkan pembaruan, sehingga tampaknya membantu pengembang email mengikuti informasi terbaru. Namun, siklus pembaruannya mungkin terlalu cepat sehingga agak sulit diikuti.
  • Situs serupa antara lain EmailOnAcid dan Litmus, tetapi keduanya berbeda karena menyediakan screenshot pratinjau tampilan rendering di masing-masing klien. Jika digunakan bersama Caniemail, kemungkinan dapat menghasilkan efek sinergis.

1 komentar

 
GN⁺ 2024-05-07
Opini Hacker News

Ringkasnya:

  • Dukungan email dark mode adalah salah satu hal yang paling membuat frustrasi bagi developer frontend. Kita hanya bisa mengimplementasikan desain light mode lalu memilih warna yang tetap terlihat baik saat klien email membalik warna secara otomatis ke dark mode.
  • Membangun template email dengan mjml(https://mjml.io/) meningkatkan kompatibilitas.
  • Litmus(https://litmus.com) atau testi.at bisa digunakan untuk menguji tampilan template email di berbagai aplikasi dan perangkat.
  • Ada anekdot lucu bahwa situs Can I email? banyak dikunjungi orang yang ingin mengirim email kepada selebritas.
  • HTML lebih mirip aplikasi daripada dokumen, jadi dukungannya di klien email terbatas. Akan bagus jika ada standar dokumen subset HTML resmi.
  • Sebagian orang menganggap diperkenalkannya HTML ke email adalah hal terburuk, dan konten teks polos adalah yang terbaik.
  • jsx-email memiliki CLI pemeriksaan kompatibilitas klien email bawaan yang menggunakan dataset caniemail.
  • Gmail dan Outlook berada di peringkat kompatibilitas paling bawah.
  • Semakin rendah peringkatnya, semakin baik. Sebagian orang memiliki kebijakan "email dengan lampiran tanpa persetujuan sebelumnya akan dihapus otomatis".