¿Cómo organizar tu CSS para email ?
Clase 9 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 ?
Viendo ahora - 10

Técnica de Stacking
12:13 min - 11

Técnica de Spacers
04:41 min - 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
Cuando programas emails con CSS, necesitas decidir cuál es la audiencia a la que quieres llegar.
Piensa en los dispositivos que usan los usuarios que recibirán tus emails. Para esto ten en cuenta los Media Query de tus usuarios, es decir el tamaño de los dispositivos. Los que yo prefiero son 320, 480 y 600, y para este curso vamos a usar el media query de 600px.
Ten en cuenta que la forma clásica para declarar clases en CSS no es posible usarla en emails porque los clientes como gmail o yahoo van a ignorar todo lo que va adentro de estas clases.
Para esto vamos a usar estilo CSS de línea. Siempre llama tus clases de una forma lógica, esto te dará una secuencia cuando las declaras.