Şunu hayal edin: Sütunlar çöküyor, arka planlar kayboluyor, özenle hazırladığınız HTML e-postanız Outlook’ta darmadağın bir enkaz olarak ulaşıyor. Saatler boşa gidiyor. Süre daralıyor. Bu bir kabus değil — pek çok geliştirici için sıradan bir Salı.
İşte bomba: Öyle olmak zorunda değil. Sahneye MailViewr giriyor, bir geliştiricinin HTML e-posta acılarından patlama noktasında doğan ücretsiz araç.
Biraz geri çekilin. 2024’teyiz, modern web geliştirme CSS Grid’le, Tailwind’le, günün modası neyse övünüyor. Ama e-postalar? Hâlâ 1999’da takılı. Düzen için tablo kullan. Sadece satır içi stiller. Outlook’un Word motoru, Bush döneminden kalma bir Microsoft Publisher belgesi render’lıyormuş gibi tıngırdıyor.
Kurucu — e-posta ihbarcısı diyelim — defalarca aynı ping’i aldı: “Hey, bir HTML e-postası hazırla mı? Kod biliyorsun değil mi?” Varsayım: HTML HTML’dir. Gerçek: Mayın tarlası.
“Dönüm noktası, saatlerce uğraştığım e-postamın kullanıcı kutularına tasarladığım gibi değil, bambaşka görünerek ulaşmasıydı. Chrome’da mükemmeldi. Outlook’ta kırılmıştı.”
Bu alıntı fena vuruyor. Her geliştiricinin hikayesi bu. Flexbox? Outlook kahkaha atıyor. Border-radius? Unut gitsin. Gmail stillerinizi kırpıyor. Apple Mail kendi kurallarını koyuyor. Mobil? Tam kaos.
2024’te HTML E-postalar Neden Hâlâ Bozuluyor?
Ama — durun — neden? Derine inin, mimari çürüme çıkıyor karşınıza. E-posta istemcileri tarayıcı değil; Frankenstein canavarları. Outlook (büyük kötü) Microsoft Word’ün render motorunu kullanıyor. Edge değil, Chromium değil — Word. 2003’ten. Div’ler patlayınca iç içe tablolar hack oldu.
Gmail? Phishing’e karşı bloklarını siliyor, satır içi CSS’ye zorluyor. Apple Mail’de karanlık mod tuhaflıkları renklerinizi tersine çeviriyor, her şeyi hack’lerle sarmalamanız lazım. Yahoo’ya ya da masaüstü istemcilere hiç girmeyin.
Litmus veya Email on Acid’in kurumsal fiyatlara — giriş 99$/ay — şaşırmayın. Bu deliliği pazarlama takımlarına bütçeli haritalıyorlar. Tek başına ve bağımsız geliştiriciler? Kendi kutularına gönderip dua ederek test ediyor.
Kurucu boşluğu gördü. Bütçe değil. Bilgi. Bootcamp’ler MSO koşullu yorumları ya da Gmail’in 102KB kırpma limitini anlatmıyor. Web dev kursları atlıyor. Derin suya atılıyorsunuz.
O yüzden MailViewr’ı yaptı. Tarayıcı önizleyicisi değil — onlar yalan söylüyor. Gerçek istemci görüntülemesini taklit ediyor, istemciler evrilince güncelleniyor. HTML’inizi yapıştırın, pat: Outlook’un katliamını, Gmail’in silmelerini yan yana görün. Ücretsiz. Kayıt yok.
İki sütunluk felaketini alın. Flexbox Figma’da, Chrome’da parlıyor. Outlook? Sütunlar üst üste biniyor, aralıklar uçmuş.
Öğrendiği ve içine gömdüğü düzeltme:
<table role="presentation" width="100%">
<tr>
<td width="50%" style="padding: 20px; background: #f5f5f5;">
Column 1
</td>
<td width="50%" style="padding: 20px; background: #ffffff;">
Column 2
</td>
</tr>
</table>
İç içe tablolar. Her şeyi satır içi. Outlook ayarları için MSO koşulluları:
<!--[if mso]>
<style>
.hide-mobile { display: block !important; }
</style>
<![endif]-->
Savunma CSS’i. Temel: Tablolar ve satır içiler her yerde çalışır. Modernleri üstüne katman olarak ekle. MailViewr nerede bozulduğunu gösteriyor.
MailViewr Çoğu Geliştirici İçin Litmus’tan Daha mı İyi?
Kurucunun yazısına ek benzersiz görüşüm: Bu, web dev’in tablo-düzen karanlık çağlarını yankılıyor. 1998’i hatırlayın? Netscape-IE savaşları tablo-hack dönemini doğurdu. W3C doğrulayıcısı gibi tanrısal araçlar — ücretsiz, lansmandan önce tarayıcı saçmalıklarını yakalardı.
MailViewr? E-posta cehennemi için o doğrulayıcı. Tahminim: Bağımsız bülten patlamasını tetikleyecek. Artık “e-posta beni korkutuyor” yok. Serbest çalışanlar pro kampanyalar yollar. Kod bilmeyenler kurcalamaya başlar. Substack gibi platformlar engeller kalkınca patlar.
Ama şüphe kontrolü — yeni. İstemci kapsayıcı genişliyor, evet, ama uç vakaları kaçırır mı? Mümkün. Kurucu şeffaf (ChatGPT cilasını bile açıkladı), abartı
