{"id":338,"date":"2012-05-19T04:25:43","date_gmt":"2012-05-19T02:25:43","guid":{"rendered":"http:\/\/www.samlogic.net\/blog\/?p=338"},"modified":"2019-07-08T11:51:48","modified_gmt":"2019-07-08T11:51:48","slug":"responsive-email-newsletter-design","status":"publish","type":"post","link":"https:\/\/www.samlogic.net\/blog\/2012\/05\/responsive-email-newsletter-design\/","title":{"rendered":"Responsive Email Newsletter Design"},"content":{"rendered":"<p><img decoding=\"async\" class=\"alignright\" src=\"https:\/\/www.samlogic.net\/articles\/images\/email-marketing\/smartphone-htc-desire-small.jpg\" alt=\"\" border=\"0\"><strong>Responsive Web Design<\/strong> (RWD) is something that have attracted much attention over the past year, and we at SamLogic Software sometimes get this question from our <a href=\"https:\/\/www.samlogic.net\/multimailer\/multimailer.htm\">MultiMailer<\/a> users: can I implement responsive design also on an email newsletter? The answer is: <em>yes, it is possible<\/em>.<\/p>\n<p><strong>Responsive Web Design<\/strong><br \/>\nResponsive Web Design is normally used on web pages that need to be adapted to very different displays widths; for example the display width of a mobile phone \/ smartphone, the display width of a tablet (like iPad) and the display width of computer&#8217;s screen (that can be very wide today). By implementing responsive web design on the web page, the same version of the web page can be used on all displays. There is no need to create different web pages for different display widths.<\/p>\n<p><strong>Responsive Email Newsletter Design<\/strong><br \/>\nSame techniques that are used on web pages can also be used with email newsletters. If you are familiar with HTML and CSS then maybe you are familiar with the <strong>media query<\/strong> rule (<strong>@media<\/strong>). By using this rule you can create a responsive web page and HTML newsletter. More information about responsive email newsletter design and the <strong>media query<\/strong> rule is available in this article on our web site:<\/p>\n<p><strong><span style=\"color: #ff0000;\">&gt;<\/span><\/strong> <a href=\"https:\/\/www.samlogic.net\/articles\/mobile-phone-display-media-query.htm\">Adapt a Newsletter for Different Display Width (Mobile Phone etc.)<\/a><\/p>\n<p>If you are not familiar with the <strong>media query<\/strong> rule, you will find links to pages with more information in the article.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Responsive Web Design (RWD) is something that have attracted much attention over the past year, and we at SamLogic Software sometimes get this question from our MultiMailer users: can I implement responsive design also on an email newsletter? The answer is: yes, it is possible. Responsive Web Design Responsive Web Design is normally used on &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.samlogic.net\/blog\/2012\/05\/responsive-email-newsletter-design\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Responsive Email Newsletter Design&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2,15],"tags":[],"_links":{"self":[{"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/posts\/338"}],"collection":[{"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/comments?post=338"}],"version-history":[{"count":1,"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/posts\/338\/revisions"}],"predecessor-version":[{"id":6204,"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/posts\/338\/revisions\/6204"}],"wp:attachment":[{"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/media?parent=338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/categories?post=338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.samlogic.net\/blog\/wp-json\/wp\/v2\/tags?post=338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}