Técnica de Spacers
Clase 11 de 33 • Curso de Diseño HTML y CSS para Emails 2016
Contenido del curso
Bienvenido al curso
Buenas Prácticas en el Diseño de Email
- 4

Configurando el Entorno de Trabajo para Email
08:58 min - 5

Bases de desarrollo para Email
12:33 min - 6

Buenas prácticas en plantilla de estilos para email
10:14 min - 7

Imágenes de“fondo” y VML para Outlook
11:36 min - 8

Imágenes de Alta resolución para Email
05:23 min - 9

¿Cómo organizar tu CSS para email ?
15:35 min - 10

Técnica de Stacking
12:13 min - 11

Técnica de Spacers
Viendo ahora - 12
Repaso de buenas prácticas para Email
01:33 min
Creando nuestro proyecto
- 13

Introducción al proyecto
07:03 min - 14

Exportando nuestras imágenes desde Photoshop
23:32 min - 15

Header de Email de Bienvenida
18:51 min - 16

Responsive en Email de Bienvenida
18:23 min - 17

Call to action en nuestro Email de bienvenida
14:38 min - 18

Terminando el Header del Email
12:16 min - 19

Construyendo el Hero de nuestro Email de bienvenida
06:48 min - 20

Agregando elemento de 3 columnas en el email
12:08 min - 21

Creando un Footer para nuestro Email
08:31 min - 22

Creando un Mail Transaccional
13:35 min - 23

Creando un email de promoción
19:55 min
Mailchimp y Testing con Litmus
Conclusiones
Complementos del curso
Desafíos
Resumen
Técnica de Spacers
Un spacer es una imagen .gif que solo mide 1x1.
Nos garantiza que el espacio de nuestros elementos siempre sea igual en todos los clientes de email
Y agregarlo es muy fácil:
<img src="img/spacer.gif" width="50" class="w10">