Full report on all 24 clients

Size: px

Start display at page:

Download "Full report on all 24 clients"

Kory Parsons
8 years ago
Views:

1 1 of 6 3/15/ :05 AM Campaign Monitor - Home Features Pricing Customers Resources Support Our Story Blog Sign Up Login Create an Account Tips & Resources Designing and building s Designing an HTML that renders consistently across the major 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 figuring it out for yourself. With 23 different clients tested, we cover all the popular applications across desktop, web and mobile . As the number of clients continues to grow, we ve decided to simplify the web-based version of the guide to focus on the 10 most popular clients on the market. For the complete report on all 24 clients across the desktop, web and mobile world, download the complete guide in PDF format. Full report on all 24 clients Download the complete guide (PDF KB) Download the complete guide (Excel - 53 KB) Style Element <style> in <head> <style> in <body> Link Element <link> in <head> <link> in <body>

Support for even simple CSS varies considerably between clients, and even different versions of the same client.

2 2 of 6 3/15/ :05 AM Selectors e * e.classname e#id e:link e:active, e:hover e:first-line e:first-letter e > f e:focus e+f e[foo] Text & Fonts direction font font-family font-style font-variant font-size font-weight letter-spacing line-height text-align text-decoration text-indent text-overflow CSS3 text-shadow CSS3 text-transform white-space word-spacing word-wrap CSS3 vertical-align Color & Background color

Fonts direction font font-family font-style font-variant font-size font-weight letter-spacing

3 3 of 6 3/15/ :05 AM background -moz-background CSS3 -webkit-background CSS3 background-color background-image background-position background-repeat -khtml-background-size CSS3 -moz-background-size CSS3 -o-background-size CSS3 -webkit-background-size CSS3 HSL Colors CSS3 HSLA Colors CSS3 Opacity CSS3 RGBA Colors CSS3 Box Model border -moz-border-color CSS3 -moz-border-image CSS3 -moz-border-radius CSS3 -webkit-border-radius CSS3 -moz-box-shadow CSS3 -moz-box-sizing CSS3 height margin padding width Positioning & Display bottom clear clip cursor display float left

HSLA Colors CSS3 Opacity CSS3 RGBA Colors CSS3 Box Model border -moz-border-color CSS3 -moz-border-image CSS3 -moz-border-radius CSS3

4 4 of 6 3/15/ :05 AM opacity outline CSS3 overflow position resize CSS3 right top visibility z-index Lists list-style-image list-style-position list-style-type Tables border-collapse border-spacing caption-side empty-cells table-layout Total Market Share 28% 16% 14% 9% 8% 7% 6% 1% 1% Version History 10 December 2010 Updated to reflect margin support in Windows. Also introducing improved support queries and shorthand CSS. 22 April 2010 Updated the guide with the results of our CSS3 client tests. 21 new properties were added, with varying levels of support observed across the popular clients. Notably, Webkit clients were big winners, including, and soon, the ipad. At this stage, CSS3 is recommended for decorative purposes in (such as adding text-shadow), due to poor support for layout and box-model properties. 27 August 2009 Added test results for the just launched MySpace. 6 August 2009 A complete rewrite of the guide that included 7 new mobile clients and a focus on the most popular clients. The

Also introducing improved support for @media queries and shorthand CSS. 22 April 2010 Updated the guide with the results of our CSS3 email client tests.

5 5 of 6 3/15/ :05 AM web-based version of the guide now features the 10 most popular clients, while the PDF guide includes all 23 clients tested. 26 August 2008 Replaced.Mac results with MobileMe. 11 June 2008 We increased the number of clients we tested, 21 in total now. and 2007 continue to be our primary focus since CSS support continues to be limited. Positive signs from Microsoft though, Entourage 2008 was released with significantly better CSS support. Discuss this on the blog 19 April was released with less CSS support than A major step back for HTML design. New mail was released with better support for CSS, a positive sign to say the least! Windows replaced and nixed some CSS support in the process. Read the report 30 March 2006 This was our original test. We added Windows for the first time and ran through tests on 2003, 9, Notes and Eudora. Read the report Articles & Tips Getting started Offering marketing to your clients Designing and building s Managing and growing your subscriber lists Improving your results Templates Downloads & Plugins Stats & Reports Marketing Book Not just good looks Track every aspect of your campaigns like opens, clicks, forwards, sales and more.

Positive signs from Microsoft though, Entourage 2008 was released with significantly better CSS support. Discuss this on the blog 19 April 2007 2007 was released with less CSS support than 2003.

6 6 of 6 3/15/ :05 AM Powerful API Interact and sync with your account via simple web-based methods. Single-click testing See screenshots of your in 20+ clients and check against spam filters. About Our Book Contact API Anti-spam Policy Terms of Use Privacy Policy Follow us on Twitter Become a fan on Facebook Free (and awesome) design tips every month address Proud founders of the Standards Project and supporters of the design community.

About Our Book Contact API Anti-spam Policy Terms of Use Privacy Policy Follow us on Twitter Become a fan on Facebook

Introduction to Adobe Dreamweaver CC

Introduction to Adobe Dreamweaver CC What is Dreamweaver? Dreamweaver is the program that we will be programming our websites into all semester. We will be slicing our designs out of Fireworks and assembling