This document is our manifesto on the chosen method of email layout in Stripo . It describes the arguments and reasons for using the chosen method, as well as our vision for the development of this industry.
History of the problem
We will talk about the adaptability of emails on mobile devices. In the email development industry, there are two methods – one is using CSS Media Queries, let’s call it “Adaptive”, and the second is without Media Queries , which is calle”Fluid-hybrid”.
The problem is that there are still mobile america cell phone number list mail applications that do not support Adaptive layout of letters. Therefore, in 2015, Nicole Merlin proposed a Fluid-hybrid method that allows simulating adaptivity on mail applications that do not support Media Queries.
However, this method is not universal for all letters. It has shortcomings and limitations that are critical for us.
The Stripo Manifesto
As part of the strategy for creating the constructor, we studied and tested both layout methods on different types of letters. Based on the results obtained and on global trends in the development of the industry, we made a conscious choice in favor of the Adaptive method using Media Queries.
The history is that the email development industry has never had clear standards, and because of this, email app developers have been free to interpret email code as they see fit. Even email giant Google did not support Media Queries in its Gmail App. Until recently.
Already in November 2016, Google began to support many new styles in their application, including media queries! And in October 2017, Mail.ru announced support for media queries in its applications.
Gmail app IMAP Android
The letters look like they do on computers – the web version is loaded.
Stripo-Manifest-Images-in-Gmail
Yandex.Mail
We believe that Yandex will not keep itself waiting long and will follow the example of Google and Mail.ru. The web version is currently loading.
Stripo-Images-in-Yandex
Gmail Mobile Webmail
We think that using mail on your phone via a browser is a strange and isolated case.
Stripo-Manifest-Images-in-Gmail
Old Android 5.1 and 6.0 Vanilla
These versions of applications have a mechanism that imitates adaptability. That is, the letters will look adaptive, but with some problematic areas. For example, in our Adaptive layout, the 3rd or 4th block (the last one) in the structure will always be presse to the right edge.
In the Fluid-hybrid method, such why do your sales emails get ignored: things you don’t know blocks will be aligne along one line, but even this did not become a criterion for us that it is worth using this method. This is due to the fact that there is a common problem with both layout methods – the content will never be across the entire width of the screen.
And the more containers in the structure
Unfortunately, we were unable to fix this. The above-mentioned ca cell numbers problems of the Adaptive method do not seem critical to us for letters – in each case. The letter looks good and is readable, conveying its main idea to the reader.
