Caniemail.com - Dịch vụ kiểm tra khả năng tương thích nội dung email (phiên bản email của caniuse)

(caniemail.com)

6 điểm bởi GN⁺ 2024-05-07 | 1 bình luận | Chia sẻ qua WhatsApp

Hỗ trợ thuộc tính CSS `transition` (29 tháng 3, 2024)

Nội dung tổng hợp tình trạng hỗ trợ thuộc tính CSS transition trong các email client
Thuộc tính CSS transition là tính năng tạo hiệu ứng hoạt ảnh cho sự thay đổi giá trị của thuộc tính CSS trong một khoảng thời gian nhất định
Hiện vẫn chưa được hỗ trợ rộng rãi trong các email client

Nội dung tổng hợp tình trạng hỗ trợ thuộc tính CSS text-wrap trong các email client
Thuộc tính CSS text-wrap là thuộc tính chỉ định cách xử lý xuống dòng đối với các từ dài
Hiện vẫn chưa được hỗ trợ rộng rãi trong các email client

Nội dung tổng hợp tình trạng hỗ trợ các thuộc tính CSS word-spacing, shape-margin, shape-outside trong các email client
word-spacing là thuộc tính điều chỉnh khoảng cách giữa các từ
shape-margin và shape-outside là các thuộc tính chỉ định cách văn bản bao quanh hình ảnh hoặc đối tượng
Hiện vẫn chưa được hỗ trợ rộng rãi trong các email client

Tin tổng hợp các nội dung cập nhật được thêm vào trang Caniemail trong tháng 3 năm 2024

Tin tổng hợp các nội dung cập nhật được thêm vào trang Caniemail trong tháng 2 năm 2024

Đây là một trang rất hữu ích cho các nhà phát triển email, giúp nhìn nhanh tình trạng hỗ trợ thuộc tính CSS của từng email client. Khi áp dụng thuộc tính CSS mới vào email, đây là trang gần như bắt buộc để kiểm tra khả năng tương thích.
Hiện mức độ hỗ trợ CSS của email client vẫn còn kém khá xa so với trình duyệt web. Các thuộc tính liên quan đến animation hoặc layout hầu như không được hỗ trợ, tạo thành giới hạn cho thiết kế email.
Trang thường xuyên đăng tin cập nhật, nên có vẻ sẽ hữu ích để các nhà phát triển email nắm bắt thông tin mới nhất. Tuy vậy, chu kỳ cập nhật khá ngắn nên cũng có thể hơi khó theo kịp.
Có các trang tương tự như EmailOnAcid, Litmus, nhưng khác ở chỗ các trang này cung cấp ảnh chụp xem trước cách render trên từng client. Nếu dùng cùng với Caniemail thì có thể tạo hiệu quả cộng hưởng.

GN⁺ 2024-05-07

Tóm lại:

Hỗ trợ email dark mode là một trong những thứ gây nản nhất cho lập trình viên frontend. Bạn phải chỉ triển khai thiết kế light mode và chọn màu sao cho vẫn nhìn ổn khi client email tự động đảo màu sang dark mode.
Dùng mjml(https://mjml.io/) để xây dựng mẫu email sẽ cho khả năng tương thích tốt hơn.
Có thể dùng Litmus(https://litmus.com) hoặc testi.at để thử giao diện mẫu email trên nhiều ứng dụng và thiết bị khác nhau.
Có một giai thoại vui rằng khá nhiều người truy cập trang Can I email? vì tưởng đó là nơi để gửi email cho người nổi tiếng.
HTML gần với ứng dụng hơn là tài liệu, nên mức hỗ trợ trong các client email bị hạn chế. Sẽ rất tốt nếu có một tiêu chuẩn tài liệu chính thức cho tập con HTML.
Một số người cho rằng việc đưa HTML vào email là điều tệ nhất, và nội dung thuần văn bản mới là tốt nhất.
jsx-email có CLI kiểm tra khả năng tương thích client email tích hợp, sử dụng bộ dữ liệu caniemail.
Gmail và Outlook nằm ở nhóm cuối bảng về khả năng tương thích.
Xếp hạng càng thấp càng tốt. Một số người áp dụng chính sách "tự động xóa email có tệp đính kèm khi chưa được đồng thuận trước".