Let's see a practical case to finish understanding how media queries work. In the design we saw before for our newsletter, this would be the desktop version: And this would be the mobile version:
Responsive Email Design: How to create a responsive email layout
In another article we advanced how the CSS rules that enable the adaptation of our design work. We are talking about media queries, an element that comes from the hand of CSS3 and whose operation we can understand very well on the web http://mediaqueri.es/ where we can find many examples of how a website can change depending on the [...]
Responsive Email Design: How to design a mobile-friendly email
To get a good responsive design all we have to do is think about the user experience, put ourselves in the place of the person receiving the email on a mobile or tablet and see if it is a usable and attractive design. Some of the things that we will easily discover in this exercise are the [...]
The registration form and the preference centre
In this post we are going to talk about the role that the registration form and the preference centre should play on a website. First, and to avoid confusion, we are going to explain the differences between one thing and the other. A registration form is, as its name suggests, a mechanism through which a user can register [...]
Trends we will see in email marketing in 2014
The year is coming to an end and the new one is about to start. In this post, we'll take a look at the main changes that, in our opinion, we will see in the email marketing industry in 2014.
Gmail changes the way it hosts and displays images - how will it affect email marketing?
Google has recently announced a significant change in the way images will be displayed in Gmail users' emails. In a nutshell, what is going to happen is that when an email is opened, the images it contains will be automatically downloaded. This will be done by hosting, on Google's servers, the [...]
Email marketing example: Cross-sell in confirmation emails (+111% conversion)
The retailer "Isabella", moved 3 years ago from catalogue sales to online sales in its ecommerce. For one year, they implemented a cross-selling strategy.
Responsive Email Design: Compatibility across email services
Responsive Design has matured a lot in the field of the web and techniques have been developed to get the most out of it by minimising incompatibilities between browsers. In the case of email, responsive design is a newcomer and therefore, it is very difficult for us to find success stories and examples that can help us to [...]
Responsive Email Design: what is responsive design?
In other posts we have analysed the need to adapt our email marketing campaigns to mobile and we have approached different techniques to adapt to the new situation. In the next articles we will focus on the technique that seems to be the future of email adaptation: Responsive Design.
Anatomy of the Perfect Mobile Email (Infographic by Litmus)
In the technical adventure of adapting our emails to mobile devices, the Litmus blog is becoming an interesting source of content on the subject. We recently discovered this infographic that summarises in an effective way the aspects to take into account when designing an email for mobile devices.