Özellikle e-bülten (newsletter) gönderimi ve e-mail marketing yaparken birçok web geliştiricinin ortak problemi nasıl kodlayıp, ne kadar az hasarla kurtarabilecekleridir. Çünkü her e-posta platformu CSS'in her özelliğini desteklemez, bizlere işkence çektirir.

Bu sorunu aşmanın, daha doğrusu en az kayıpla en fazla e-posta istemcisine ulaşmanın yolu ne yazık ki sadece neyi nasıl kodlamanız gerektiğini bilmek. Bu açıdan size oldukça yardımcı olabilecek bir kaynak A Guide to CSS Support in E-mail adıyla verilmiş. Çok detaya girmeden bu şahane kaynakta verilen CSS özelliklerini özetlemek istiyorum.

1. Asla head içinde style veya dışarıdan çekilen bir CSS dosyası kullanmayın.
2. Tüm CSS özelliklerinizi satır içi (inline) stil olarak tanımlayın (a style=) gibi
3. Asla background-image kullanmayın.
4. Asla absolute posizyonlama yapmayın.
5. font-family ve font-size yerine font kullanın, ikisini birleştirin.
6. Asla transparan özelliğini kullanmayın.
7. Asla visibility ve display ile gizli obje yaratmaya çalışmayın
8. Cursor özelliğini kullanmayın, Gmail'de çalışmayacaktır.

E-postaları kodlarken bunlara dikkat ederseniz gönderimleriniz tüm platformlarda %95 birbirine benzeyecektir. Ufak bir hatırlatma olarak, görsellik adına ağır imajlarla doldurmak yerine kullanışlılık adına sade e-posta tasarımları daima tercihiniz olsun.