Plantillas adaptables para emails

email-responsive

Hoy en día leer un correo electrónico en un dispositivo móvil es totalmente común y esto requiere que, de nuestro lado, reparemos en este detalle a la hora de crear un correo a futuros clientes.

En Zurb Playground podremos encontrar 5 plantillas para email con estructuras adaptables o “responsive” si es que no les gusta la traducción, las cuales son soportadas por practicamente todos los clientes de correo actuales y libre para la descarga.

Enlace | Responsive Email Templates

 

13 fantásticas plantillas HTML5 gratuitas

plantillas-html5

Encontrar recursos gratuitos en internet es sumamente fácil. Ahora, encontrar recursos “de calidad” puede tornarse un poco mas dificil… pero por suerte siempre surge algo interesante para compartir con Uds.

En este caso di con HTML5 Up!, un sitio que brinda en total 13 plantillas gratuitas HTML5 de alta calidad, todas ellas con un diseño cuidado y una amplia variedad de uso, siendo todas ellas adaptables (Responsive).

En el sitio podremos previsualizar como queda el sitio para web, tablet, smartphone y descargar el que mas nos guste.

Enlace | HTML5 Up!

Mockup para presentación de diseños web adaptables

adaptable

Si acabas de terminar un sitio web adaptable a las diferentes plataformas que hoy en día se utilizan, segurmanente en tu porftolio luzcan mejor si presentas todas las variantes del proyecto.

En Pixeden encuentro una excelente opción para este fin en donde se podrá simular nuestro sitio en los 3 típicos soportes de hoy: PC, tablets y smartphones. El archivo PSD es gratuito y cuenta con objetos inteligentes para incorporar nuestros diseños y una carpeta con marcadores y tooltips para incorporar notas de ser necesario.

Descarga | Responsive Showcase Presentation

Recursos y plantillas para RWD

Con el título no quise mas que generar algo de intriga para los que no están mucho en el diseño web… lo reconozco. Las siglas RWD no son mas que otra cosa que Responsive Web Design, algo que con la llegada del HTML5 comenzó a sonar mas fuerte. Y básicamente es porque hoy en día se puede pensar en hacer un único sitio “adaptable” a todos los medios y formatos: PC, tablet, teléfonos, etc.

En verdad hace tiempo que quería escribir sobre este tema, pero no encontraba la cantidad de recursos que imaginaba necesario para hacer del tema un buen artículo.

Comencemos a ver (y a pensar) algo de diseño adaptable con estos recursos y plantillas recomendadas:

Borradores

Todo diseño comienza (o debería comenzar) en una hoja de papel en lo que usualmente se llama por mis pagos borrador. Esto no es mas que la estructura dibujada a mano de como será el sitio.

Comenzar a pensar en un diseño adaptable para todos los medios no es simple. Es por eso que ya hay en la web una buena cantidad de estructuras (wireframes) compartidos para ayudarnos a ver nuestro sitio para varios soportes.

Responsive Wireframes

Ir a Responsive Wireframes >

Style Tiles

Ir a Style Tiles >

Continuar leyendo…