{"id":16471,"date":"2012-07-13T11:39:45","date_gmt":"2012-07-13T09:39:45","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=16471"},"modified":"2012-07-13T11:39:45","modified_gmt":"2012-07-13T09:39:45","slug":"ultimate-guide-for-css-support-in-email-clients","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2012\/07\/13\/ultimate-guide-for-css-support-in-email-clients\/","title":{"rendered":"Ultimate guide for CSS support in email clients"},"content":{"rendered":"\n

Ultimate guide for CSS support in email clients<\/a><\/p>\n

Designing an HTML email that renders consistently across the major email clients can be very time consuming. Support for even simple CSS varies considerably between clients, and even different versions of the same client.<\/p>\n

We’ve put together this guide to save you the time and frustration of figuring it out for yourself. With 24 different email clients tested, we cover all the popular applications across desktop, web and mobile email.<\/p>\n

As the number of email clients continues to grow, we\u2019ve decided to simplify the web-based version of the guide to focus on the\u00a010 most popular email clients<\/a>\u00a0on the market. For the complete report on all 24 email clients across the desktop, web and mobile email world, download the complete guide in PDF format<\/a>.<\/p><\/blockquote>\n\n","protected":false},"excerpt":{"rendered":"\n

Ultimate guide for CSS support in email clients Designing an HTML email that renders consistently across the major email clients can be very time consuming. Support for even simple CSS varies considerably between clients, and even different versions of the same client. We’ve put together this guide to save you the time and frustration of … Continue reading Ultimate guide for CSS support in email clients<\/span><\/a><\/p>\n\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1,62,1334],"tags":[1517,72,1190,1157],"keyring_services":[],"class_list":["post-16471","post","type-post","status-publish","format-link","hentry","category-general","category-technology","category-web-work","tag-css","tag-email","tag-html","tag-web-design","post_format-post-format-link"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":27713,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/06\/21\/grab-front-end-guide\/","url_meta":{"origin":16471,"position":0},"title":"Grab Front End Guide","author":"Leonid Mamchenkov","date":"June 21, 2017","format":false,"excerpt":"Grab Front End Guide is a front end development guide for the large engineering teams. \u00a0It focuses primarily around the JavaScript stack, with HTML and CSS, and covers coding, testing, linking, and deploying.","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/06\/desk-500x333.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":28983,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/11\/19\/percollate-a-command-line-tool-to-turn-web-pages-into-beautifully-formatted-pdfs\/","url_meta":{"origin":16471,"position":1},"title":"percollate – a command-line tool to turn web pages into beautifully formatted PDFs","author":"Leonid Mamchenkov","date":"November 19, 2018","format":false,"excerpt":"percollate is a command-line tool to convert web pages into PDF files.\u00a0 It supports single-page and multi-page files, can fetch the HTML documents from the web, understands accelerated mobile pages (see AMP), and even allows some control of the output with CSS snippets.","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/11\/percollate-500x357.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":9533,"url":"https:\/\/mamchenkov.net\/wordpress\/2005\/10\/06\/daily-del-icio-us-bookmarks\/","url_meta":{"origin":16471,"position":2},"title":"Daily del.icio.us bookmarks","author":"Leonid Mamchenkov","date":"October 6, 2005","format":false,"excerpt":"Shared bookmarks for del.icio.us user tvset on 2005-10-05 Slashdot | Thirty Four PSUs Tested - Is Biggest Best? Tagged as: computers electricty equipment power psu tests Top Ten Web Design Mistakes of 2005 (Jakob Nielsen's Alertbox) Tagged as: accessibility css design development errors example flash guide html lists mistakes top10\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":9279,"url":"https:\/\/mamchenkov.net\/wordpress\/2005\/07\/28\/daily-del-icio-us-bookmarks\/","url_meta":{"origin":16471,"position":3},"title":"Daily del.icio.us bookmarks","author":"Leonid Mamchenkov","date":"July 28, 2005","format":false,"excerpt":"Shared bookmarks for del.icio.us user tvset on 2005-07-28 Migrate apps from Internet Explorer to Mozilla Tagged as: browsers code css development dom firefox guide howto html javascript mozilla msie programming reference standards tips tutorial web work xml","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":25932,"url":"https:\/\/mamchenkov.net\/wordpress\/2016\/03\/08\/css-hamburgers\/","url_meta":{"origin":16471,"position":4},"title":"CSS Hamburgers","author":"Leonid Mamchenkov","date":"March 8, 2016","format":false,"excerpt":"After spending years and years in close proximity to web and user interface design, I'm still amazed sometimes at a variety of ways to solve even the simplest of problems. \u00a0The growth of the web users on mobile devices has brought us the hamburger icon, which usually hides the collapsed\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"hamburger","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2016\/03\/hamburger.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":42617,"url":"https:\/\/mamchenkov.net\/wordpress\/2019\/05\/14\/cssfx-beautifully-simple-click-to-copy-css-effects\/","url_meta":{"origin":16471,"position":5},"title":"CSSFX – beautifully simple click-to-copy CSS effects","author":"Leonid Mamchenkov","date":"May 14, 2019","format":false,"excerpt":"CSSFX is a collection of CSS effects with previews and very simple implementation instructions. Just click on the effect demo that you like, and a popup with HTML and CSS code snippets will appear, ready to be used on your site. There's also a GitHub repository, if you prefer it\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/05\/cssfx.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/05\/cssfx.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/05\/cssfx.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/05\/cssfx.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/05\/cssfx.png?resize=1050%2C600&ssl=1 3x"},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/16471","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=16471"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/16471\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=16471"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=16471"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=16471"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=16471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}