Framework para crear emails responsive

Zurb(misma empresa que esta detras de Foundation) ha creado un Framework para hacer E-mails responsive(o adaptables). Esto es algo que nos viene bien a todos los desarrolladores y diseñadores para dejar de mandar esos mails super feos en casi puro texto.

Por supuesto que siempre se han podido enviar emails con codigo HTML, pero tambien por supuesto esos no se ven igual en todas las pantallas. Con este nuevo framework llamado Ink se soluciona eso. Es decir, crear un solo email y poder visualizarlo en smartphones, tablets y monitores.

ink

El proceso es bastante sencillo y se trata como siempre de tener una estructura html, que en este caso se logra con tablas, y agregale clases a dichas tablas. Es como si uno estuviera usando el framework Foundation pero con tablas.

Los resultados y nombres de las tablas seran conocidos y facilmente entendibles para los que ya usen el anterior. Y para los que no, igual va a ser facil de entender y usar.

Por ejemplo:

ink email framework

Luego deben usar un inliner(tambien brindado por Zurb) que lo que hace es poner todo el estilo css in-line. O sea que elimina la etiqueta style que generalmente se pone en el head de una pagina y pone todo ese codigo como un atributo de las propias etiquetas html. Esto es asi porque algunos clientes de email como gmail, borrar la etiqueta style del head por seguridad.

Tambien se nos ofrecen algunos templates con diseños bastante lindos que nos ahorran trabajo. Yo ya los estoy usando y debo decir que son realmente comodos para hacer templates rapidos sin perder tiempo en compatibilidades y cosas por el estilo.

ink template

Pagina oficial: http://zurb.com/ink/

Se bueno y comparte!
Publicado el Categorías General

Acerca de Perro

Ingeniero en Informática. Programador en PHP y Angular. Lo que mas adoro en el mundo es el conocimiento. Y el anime....y Japón...y el running...y bloguear claro y algunas otras cientos de cosas. Sigo buscando la manera de hacer mi primer millón.

Comenta!

2 Comentarios activo "Framework para crear emails responsive"

avatar
Ordenar por:   Nuevos | Viejos
patadejaguar
patadejaguar

Excelente!.. ahora si tendré que hacer mi mails Bonitos y no los que hago con =====, ------ y xxxxxxxxxx :D

sefsinalas

Pos si

wpDiscuz