On yılı aşkın bir süredir web siteleri şimdi geliştiriyorum, ama web için geliştirme alışkanlıklarımı birçok e-posta istemcileri için geliştirirken işe yaramaz bu hızlı bir şekilde bulundu. Bu neden bana daha büyük bir miktar hayal kırıklığı, ben de öyle düşünmüştüm ben sorayım bir soru o olur inşallah yüzey en iyi uygulamaları ve gerekli konuları için diğerleri gibi kendimi kim olabilir bulmak kendilerini tasarlama gmail, outlook, vb. zaman zaman.

Örnek:<style>...</style> vs ınline CSS.

E-posta-dünya, web-dünya transferler ne ve ne değildir. Kısacası:

Bu harika bir yer gibi biriyle HTML e-posta öğrenmeye çalışıyorum bazı kaynaklar listesi gibi görünüyor. Bu (muhtemelen) web sitesinde bulabilirsiniz HTML e-Posta kaynakları en kapsamlı liste. Mutlu öğrenme.

Kılavuzları Başlarken:

• Campaign Monitor
• Mailchimp
• Sitepoint
• Reach Customers Online
• Tuts

CSS Desteği Ve Genel Kılavuzları:

• Campaign Monitor | CSS Support Guide
• HTML Email Boilerplate
• Litmus | Email Clients FAQ's
• Campaign Monitor | Will it work?
• Mailchimp | Email Marketing Field Guide

Her zaman html e-posta CSS satır içi. Burada CSS Inlining Tools bir listesini

Duyarlı Rehberleri:

• Campaign Monitor | Responsive Support Guide
• Style Campaign | Responsive Support Guide
• Litmus | Responsive How-To Infographic
• Litmus | Big List of Responsive & Mobile Resources

Şablonlar Ve Çerçeveler:

• Ted Goas | Cerberus Responsive Email Patterns
• Email on Acid | Responsive Template
• Brian Graves | Responsive Email Patterns
• Antwort | Responsive Layouts
• Zurb | Ink Responsive Templates
• Campaign Monitor | Free Email Templates
• Mailchimp | Email Blueprints

Duyarlı Alternatif Örnekler:

• Stack Overflow | Fluid Example
• Email on Acid | Monster's Fluid Layout
• Style Campaign | Fluid Mobile Email Design
• Stack Overflow | Floating Content

Ayrıca Ted Duyarlı yukarıdaki bağlantıya mükemmel akıcı bir örnek vardır Goas.

Sorun Giderme Ve Genel Kılavuzları:

• Email on Acid | Yahoo Media Query Bug Workaround
• Stack Overflow | Colspans and Rowspans in HTML Email
• Mailchimp | Outlook Conditional CSS
• Litmus | Banning Blue Hyperlinks
• Stack Overflow | Webfonts in HTML Email

VML arka plan resimleri, Outlook (in the body tag Hariç) çalışma almak için kullanmanız gerekir. Burada bazı VML bağlantılar:

• Campaign Monitor | Bulletproof Backgrounds
• Campaign Monitor | Bulletproof Buttons