.::. Vuthy Sok .::. Web Developer

For more details

eDM SPECIFICATIONS - Content must be supplied in HTML - email body width: 600 pixels - Total file weight (including HTML, CSS, images): 50KB - We cannot accept emails built with CSS in the header tags or that include flash or forms! - Use HTML tables for layout. Tables control the design layout and presentation. - Use Standard Inline CSS. Do not design your HTML as a web page. Most web-based email clients strip Header CSS HTML - Explicitly define colour values as email clients may have different default colours which vary from web browsers. - All image tags should include width and height attributes as stretched images will not render correctly in some email clients. - <div> tags as the box model is not supported by a majority of e-mail clients and should be avoided. Tables should be used for e-mail layout. Also, avoid using rowspan as it won’t render consistently. - It is recommended to set cellpadding and cellspacing to 0 on the table elients. - Line-breaks (<br />)...

A preheader is a small section that appears at the top of your email. The following tips can help you make the most of the preheader in every marketing campaign  you develop. Understand that the first line of your text is critical . It is this text that will appear when recipients access their inboxes from smartphones, tablets and other mobile devices. Know how to code the preheader properly. The preheader should convey the message of your email clearly and concisely. Use the preheader text to summarize your offer in a way recipients can easily understand. Keep things short and simple . Your recipients are busy, and they are probably looking through dozens of new emails every time they log on to their mobile devices. Use left alignment for your preheader text. This will make the text easier to read, especially on mobile devices. Use a standard easy to read font for your preheader text. Now is not the time to get too fancy. Include a clear call to action in y...

If you've built a responsive email design using media queries. The chart below outlines support for media queries across a range of mobile email clients and applications. When troubleshooting responsive designs and media queries, also keep in mind that the media query will be triggered by the viewport size of the device. Viewport sizes can vary drastically based on the physical screen size of the phone, the screen's resolution and the pixel density or device-pixel-ratio of the device. Media Query Support iOS (iPhone/iPad) Yes Android 4.x native client Yes Android Outlook Exchange via native client No Android Outlook.com app Yes Android Gmail app No Android Yahoo! Mail app No Gmail (Android Browser) No Outlook.com (Android Browser) No Yahoo! Mail (Android Browser) No Windows Phone 7 No Windows Phone 7.5 Yes Windows Phone 8 No BlackBerry OS 6 Yes BlackBerry OS 7 Yes BlackBerry Z10 Yes Kindle Fire native c...