La diversidad de dispositivos para conectarse a la red y navegar por las páginas web es creciente, y con ello la disparidad de resoluciones, desde una pequeña pantalla vertical de un teléfono móvil inteligente, como el iPhone o cualquier dispositivo con Android hasta los mil formatos de monitores que van desde los ordenadores corporativos que aún cuentan con pantallas de 15 y 17″ y resoluciones de 800 píxeles de ancho hasta los grandes monitores de veintitantas pulgadas y resoluciones super horizontales de más de 1900 píxeles.

Es tal esta diversidad de formatos que si queremos aprovechar mínimamente la resolución disponible en cada pantalla o dispositivo la solución es diseñar para varios formatos, de lo contrario tus clientes te llamarán diciéndote, no se aprovecha el ancho de pantalla, no se ve bien con el móvil, aparecen barras y es innavegable, será tal el caos que te traemos una de las muchas soluciones existentes: La librería que combina javascript y CSS denominada Adapt

Esta librería te permite disponer de varias hojas de estilo y cargar dinámicamente la que mejor se adapta al dispositivo que visita la página web.

Dale un vistazo en: http://adapt.960.gs/

En más de una ocasión os habrán pedido algún diseño para el envío de un newsletter, el envío puede realizarse básicamente de dos formas, hay más pero o no las conozco o son muy específicas, esta son, la primera enviando una imagen anexada y otra remitiendo el contenido del email bajo lenguaje HTML.

Si ninguna de estas formas de remitir un correo electrónico el envío es un texto plano y hay poco o nada de diseño podemos ofrecer.

La opción de enviar una imagen es quizá la más válida para mi, por una razón, tienes total libertad en cuanto a diseño y se va a visionar bien en cualquier cliente de correo o dispositivo, sea este un PC, un Mac, un iPad, iPhone o teléfono Android.

Si bien la segunda opción, el envío de emails en HTML es como mínimo la forma más trabajada para enviar newsletters y permite contener siempre un mayor contenido.

En esta segunda opción para la que os copio unos interesantes enlaces desde donde podreis descargar unas plantillas HTML prediseñadas para el envío de newsletters siendo estas unas plantillas que podrás adaptar fácilmente al diseño que necesiten tus clientes.

Toma nota:

http://www.campaignmonitor.com/templates/

https://github.com/mailchimp/Email-Blueprints

En estos ejemplos se tienen en cuenta muchos factores de forma que trabajando sobre ellos te aseguras que te puedan leer correctamente en prácticamente cualquier ordenador o dispositivo, sin incompatibilidades que eso es muy importante.