Plantillas responsive gratuitas para Blogger

Tamara

Muchos de nosotros hemos comenzado a escribir en la plataforma de Blogger cuando esta resultaba extremadamente confusa, incompleta y en donde solo se podía seleccionar el color de nuestro blog sin poder definir certeramente cómo queríamos que se vieran las cosas. Siempre se ha tratado de una plataforma mayormente estática que no invita al usuario (que generalmente no sabe mucho de maquetado), a modificar y personalizar su blog para que quede más o menos atractivo a la vista del usuario que lo visita.

Claro que las cosas fueron cambiando, los usuarios se fueron capacitando y el mismo Blogger se fue adaptando a las necesidades de quienes lo utilizaban, muy lentamente si, pero a fin de cuentas con algunos conocimientos básicos hoy en día podemos personalizar una plantilla lo suficiente para que no resulte un espanto a la vista.

Personalmente jamás me gustaron los diseños que trae consigo el sistema, creo que tiene muchos espacios desperdiciados y, cómo explicarlo, es como si estuvieran hechos para que se note que corren bajo Blogger, cosa que no es necesariamente mala, pero tampoco es grandioso, por ejemplo en el sistema de comentarios que hoy en día han reemplazado por los de Google y es posible incorporar los de Disqus para aquellos que lo deseen.

Por otro lado, y a raíz del inestable precio del dólar en nuestro país y por lo tanto del valor de los dominios y algunos hostings, es probable que muchos usuarios que antes mantenían su propio sitio, se inclinen nuevamente a las plataformas gratuitas, encontrando en Blogger un aliado, ya sea por familiaridad o porque lo han utilizado en el pasado o porque sacando WordPress, es una de las mejores a pesar de sus contras instrumentales.

Para todos aquellos que estén buscando alternativas modernas para implementar en sus propios sitios de blogger, hay una serie de plantillas adaptables que les resultarán de suma ayuda. El único gran problema con ellas es que, en casi todos los casos, deberán si o si editar el código para lograr que todo quede como corresponde ya que muchos menús y cuestiones funcionales necesitan ser editadas desde allí. No es un gran problema y pueden utilizar su editor amigo como siempre lo han hecho en WordPress o sitios en HTML, pero tienen que tener esto en cuenta a la hora de elegirlo y saber dónde ir a buscar las cosas para que la plantilla no se rompa. En especial porque suelen ser muy sensibles a la edición.

Compilado de Plantillas Responsive para Blogger

No quiero asustarlos con el tema de la edición, lo ideal es que las prueben y vean si tiene buena respuesta a su contenido y si las fallas pueden solucionarse a través de la implementación de widgets que suelen ser de gran ayuda en estos casos. Una vez que las tengan terminadas, casi no notarán la diferencia con cualquier otra plantilla que se soporta en plataformas afines que requieren nuestro propio espacio en un servidor y al mismo tiempo podrán contar con una versión adaptable a las resoluciones.

Metro Classic Responsive

Descargar Metro Classic Responsive | Ver Demo | Templateism

News Pro

Descargar News Pro | Ver Demo | SEOBloggerTemplates

Siril

Descargar Siril | Ver Demo | BlogTipsNTricks

Flat UI

Descargar Flat UI | Ver Demo | Btemplates

Moveism

Descargar Moveism | Ver Demo | Templateism

Moksha

Descargar Moksha | Ver Demo | SEOBloggerTemplates

Ravia

Descargar Ravia | Ver Demo | BlogTipsNTricks

Journey

Descargar Journey | Ver Demo | Templateism

SEO Mag

Descargar SEO Mag | Ver Demo | SEOBloggerTemplates

Zett

Descargar Zett | Ver Demo | BlogTipsNTricks

Gagism

Descargar Gagism | Ver Demo | Templateism

Blue Blog

Descargar Blue Blog | Ver Demo | SEOBloggerTemplates

Wizz

Descargar Wizz | Ver Demo | BlogTipsNTricks

Red Hood

Descargar Red hood | Ver Demo | Templateism

Professional Blogging

Descargar Professional Blogging | Ver Demo | SEOBloggerTemplates

Existen también algunas versiones premium que pueden ser de mejor ayuda ya que suelen contar con asistencia de los creadores, eso podrán verlo fácilmente en los espacios de descarga ya que siempre se agrega el precio de la opción premium. Pero si tienen algunos conocimientos básicos sobre maquetado y cómo funcionan estas plantillas, no tendrán problemas para adaptarlas a su blog.

Sepan que no hay ninguna de estas plantillas que no requiera editarse, ya que la naturaleza de Blogger así lo precisa, pero en última instancia, recuerden siempre realizar una copia de seguridad antes de implementar cualquier cambio, para evitar que se pierda información.

InoReader: lector de feeds liviano

Isabel

Tiempo atrás cuando nos despedíamos de Google Reader todos comenzamos a migrar a nuevas alternativas. Un pequeño porcentaje dejó de leer sitios vía feed pero para la mayoría era algo casi imposible ya sea por temas laborales o de ocio.

Actualmente Feedly cuenta con el mayor número de usuarios pero tanto alguno de ellos como el resto puede llegar a querer probar alternativas por diferentes motivos. Feedly es una herramienta potente y que en mi caso, por ejemplo, funciona de maravillas para lo que yo necesito. Aun así, el abuso notificando sus promociones o algún otro elemento puede ser tentador para encontrar un reemplazo. Quizás en web va bien pero buscan algo mas liviano para los dispositivos móviles.

InoReader es ideal para los que quieran una herramienta que tenga como prioridad la velocidad. Visualmente cumple y es realmente simple, sin elementos que puedan generar una demora en su carga, sobretodo si consideramos que las noticias en sí ya deben cargarse y muchas veces tardan dependiendo nuestra conexión. Como siempre para ingresar tenemos varias opciones: Google, Facebook y correo electrónico, ingresando a un registro tradicional. Una vez hecho esto, debemos comenzar a cargar el contenido que deseemos.

InoReader: Lector de feeds liviano

El mismo sitio nos invita a esto pudiendo sumar un feed mediante su dirección o bien recorrer las categorías ya armadas con una selección realmente variada. Cuando estemos leyendo, sobre el lado derecho se verá una columna que ofrece sitios relacionados para descubrir y además muestra aquellos que se encuentran inactivos para poder renovarlos y lograr un contenido personal actualizado.

Podemos marcar feeds como favoritos para un rápido acceso, sumar widgets (aunque en la versión gratuita son limitados) y obtener notificaciones cuando un sitio publique algo nuevo. Desde el menú principal se accede a las estadísticas, información completa sobre nuestros movimientos en InoReader que siempre queremos conocer.

InoReader: Lector de feeds liviano

Seguramente al iniciarnos en esta herramienta primero sea lo ideal pasar por la configuración para lograr que muestre todo como queremos y trabaje de la mejor manera según nuestras costumbres. Listarlas sería realmente extenso pero se incluye la edición de perfil, vínculos para compartir lo que leemos, diferentes idiomas, iconos, carpetas, organización de los elementos, contactos y el apartado para importar o exportar nuestra cuenta.

InoReader fue renovado y dejó atrás un aspecto que realmente no atraía (aunque para quienes lo disfrutaran existe la opción de volver a aplicarlo). Todavía falta pulir algunos detalles pero el resultado actual es mucho mas estable, fluído y atractivo sumando las versiones para Android e iOS.

Web: InoReader

Responsive Design: biblioteca para realizar gráficas estadísticas

Pablo

Chartist es una fantástica biblioteca para la creación de gráficas que se adapten a cualquier dispositivo. Uno podría pensar que se trata de una más de tantas bibliotecas para realizar este trabajo, pero les aseguro que este proyecto cuenta con características que lo convierten en una alternativa solida y con muy buen futuro.

Desde la concepción de este proyecto se pensaron aspectos que otras bibliotecas descuida. Por ejemplo, y como la mayoría de los lenguajes de programación modernos, Chartist emplea convención por sobre configuración. Cuenta con una excelente flexibilidad en lo que se refiere a la personalización visual, la mayoría de los cambios se pueden realizar desde las hojas de estilo y el control desde JavaScript.

responsive design charts gratuitos

Para generar las distintas gráficas emplea SVG, el autor principal de este proyecto lo define como el futuro de la ilustración web, y no esta muy equivocado, no hace falta más que mirar un poco todos las bibliotecas nuevas que van apareciendo y como utilizan SVG para generar las distintas ilustraciones.

Chartist es responsive, con un detalle diferenciador, contempla los DPI al momento de generar las gráficas. Además hace un uso intensivo de las media-queries, un detalle interesante para los que buscan una perfecta integración con sus proyectos. Al momento de descargar este proyecto nos vamos encontrar con todos los archivos SASS necesarios para su perfecta adaptación.

Este proyecto cuenta con una documentación bastante aceptable, con ejemplos de uso perfectamente detallados y perfectamente ordenados.

Les recomiendo visitar el sitio oficial del proyecto, presten especial atención a las gráficas animadas :D

Web: Chartist

Navegador para Android mas rápido

Isabel

Lo que uno busca de un navegador en versión móvil difiere de aquello que buscamos en versiones de escritorio. Generalmente en este último caso ganarán las funcionalidades mientras que en los dispositivos portátiles buscamos estabilidad, rapidez y que todo fluya de manera correcta. Esto tampoco varía incluso si tenemos un móvil de alta gama, la mayoría de los usuarios seguiremos buscando velocidad.

CM Browser fue creado porque las alternativas que se encuentran en Google Play en su mayoría no consideran esto. Así promete ser, principalmente, el navegador para Android mas liviano y seguro del momento.

Navegador para Android mas rápido

Además de detectar posibles amenazas al navegar y notificarnos sobre ellas, la aplicación fue optimizada para evitar cuelgues o demoras. Por otro lado, no ocupa demasiado espacio, factor que suele ser el punto débil de las demás opciones. Generalmente si suman complementos o herramientas para aumentar velocidad o seguridad, con ellos aumenta su peso. En este caso obtendremos todo por menos de 2 MB, algo que siempre se agradece.

CM Browser suma también la función de marcado rápido, muy utilizada por quienes desean tener en la página principal los sitios que visitan con mayor frecuencia: redes sociales, webs de trabajo o nuestro último proyecto. Otros puntos atractivos son el traductor, la búsqueda realmente veloz, los ajustes en la tipografía para que la vista no se canse al navegar largos ratos y la activación de la navegación en modo incógnito para no guardar datos de ningún tipo.

Pasando al aspecto visual, es de los mas simples y atractivos que he visto hasta el momento. Con diseño flat los elementos además de verse bien suman funcionalidad, siendo muy sencillo acostumbrarnos a navegar y a utilizar atajos sin problemas. Por otro lado, en navegadores para móvil hay que considerar el hecho de aprovechar el tamaño de pantalla al máximo sin molestar en la página que estemos viendo y supieron aplicarlo de manera excelente. Las opciones están escondidas en un primer plano pero en un segundo las tendremos si son necesarias.

La elección de un navegador para Android va a depender del uso que le den y qué buscan en él. Asegurar si una alternativa es “la mejor” o lo contrario siempre resulta subjetivo porque nadie puede conocer los gustos y preferencias de todos aunque sí tener una idea en base a porcentajes. Como les decía anteriormente, CM Browser tiene a favor dos puntos importantes que muchísima gente busca y que son llevados de manera genial, demostrando que una aplicación puede pesar poco y consumir niveles normales de recursos sin restar funcionalidad y atractivo.

CM Browser – Tamaño: 1.7 MB – Descargar

Timehop: la máquina del tiempo movil

Isabel

Hace tiempo que se esperaba su arribo a Android ya que es de esas herramientas que si bien no resultan útiles atren a una gran cantidad de usuarios. Finalmente se la pudo disfrutar y como no siempre todos están al tanto hoy vamos a conocerla un poco mas.

Timehop lo que hace es funcionar como “una máquina del tiempo”, capturar información de nuestras vías sociales y mostrarnos lo que hacíamos uno, dos, tres años atrás. Un salto en el tiempo instantáneo en una época en la cual una enorme cantidad de información sobre nosotros es plasmada en diferentes redes casi de manera inconsciente.

La aplicación mostrará fotografías (tanto publicadas como de nuestra cámara), publicaciones realizadas en Instagram, Facebook, Twitter y Flickr además de updates en Foursquare (hoy Swarm).

Timehop: la máquina del tiempo movil

El salto de tiempo nos llegará cada mañana mostrando los diferentes elementos que en aquél entonces publicamos y sorprendiendonos con buenos recuerdos… o no ubicados en un timeline con mensajes, datos climáticos si están disponibles y comentarios.

Aquí es donde a veces se genera la discusión. ¿En todos los casos nos alegrará el día? posiblemente no. Todos tenemos problemas o días en los que algo laboral o personal nos generó una molestia. Sin embargo no es generalmente lo que uno publica. Si lo pensamos solemos ser mas activos en redes cuando estamos en situaciones normales o buenas por lo que mas allá de que dependerá de cada uno, no es un factor para que dejemos de lado la herramienta si es que nos genera curiosidad.

Otro punto que muchos destacan y que dejaré a criterio de cada uno es la originalidad, aunque también se suma el aspecto visual. Timehop cuenta con una UI muy cuidada, atractiva, en estilo flat y minimalista que permite que resalten los eventos de cada día, además de un uso bastante sencillo y funcional para todos que incluye una práctica configuración de minutos.

Solo es cuestión de descargarla, ingresar y vincular las cuentas que deseemos (pueden no ser todas) para dejarla trabajar y que cada día nos envía los resultados. Consideren el lapso de tiempo en base no solo a los updates sino a cuánto hace que están en diferentes redes sociales ya que de ubicar épocas en las que no las utilizaban posiblemente no obtengan demasiado contenido.

Timehop está disponible como comentaba al prinicpio para Android e iOS.

Web: Timehop

Transiciones de color animadas con jQuery

Tamara

Cuando se enfrentan a implementar un nuevo diseño web, puede surgir la necesidad de agregar animaciones. Claro que siempre será mejor optar por aquellas que no irriten a quien visita el sitio, sobretodo porque es algo que tiende a cansar la vista si se tiene que observar durante un tiempo prolongado.

Es allí donde entran las opciones que ofrecen alternativas de animaciones sutiles y que permiten la interacción entre los elementos principales y aquellos que no tienen mayor función más que estar allí, como pueden ser los fondos. Hemos visto en otras alternativas la posibilidad de agregar videos de fondo, e incluso muy en el pasado aquellos que los hacían rotar de forma constante, cosa que depende la textura que se utilizaba, resultaba bastante irritante.

Los videos embebidos son una opción nueva, mientras que los scrolls han caído en desuso, gracias al cielo, ya que no hacían otra cosa más que molestar la vista y recargar nuestro explorador con scripts pesados sin ninguna función específica más que moverse.

Animated Color Backgrounds

A pesar de esto, puede que surja la necesidad de animar ciertas secciones y que necesiten un script práctico y liviano que lo haga por ustedes. Allí es donde encontramos este JavaScript y cómo implementarlo para que cambiar el color de fondo automáticamente, resulte simple y sin mayores complicaciones.

Su creador, quien estuvo a cargo del rediseño de Themefy y utiliza este script en ciertas secciones, nos ofrece la posibilidad de acceder a él de forma gratuita y nos explica los pasos a seguir para que todo funcione correctamente y podamos a partir de allí, avanzar en la experimentación si es que, por ejemplo, necesitamos que los tonos que varían se muestren dentro de una misma paleta de colores que ya tenemos seleccionada.

Los archivos requeridos son:

De esta forma llamarán los archivos desde su HTML:

<script src="js/jquery-1.11.0.min.js"></script> 
<script src="js/jquery-ui.min.js"></script>
<script src="js/animated_bg.js"></script>

Luego, en cualquier sector del html que deseen incluir el fondo animado, agregarán la siguiente clase:

<div class="animated_bg"> 
*contenido*
</div>

A partir de allí, podrán modificar los colores y la velocidad de transición, según sus propias necesidades. No hay límites de colores.

<script>
        jQuery(document).ready(function(){ 

               $('.animated_bg2').animatedBG({ 
                        colorSet: ['#abebfe', '#aad667', '#57e6ee', '#ff7ebb'], 
                        speed: 2000 
               }); 

               $('.animated_bg3').animatedBG({ 
                        colorSet: ['#71a98b', '#b15c8e', '#dc6b68', '#6c5a94', '#b14c4e', '#736357'], 
                        speed: 6000 
               }); 

        }); 
</script>

Para especificar el color de fondo del elemento, para que no se produzca un salto en la transición, el componente debe tener en el CSS el mismo color inicial de la animación. Así es como en el CSS deberemos aplicar lo siguiente:

/* set bg color same as the first color defined in the animation function */ 
.animated_bg { 
     background: #ef008c; 
     color: #fff; 
} 

.animated_bg2 { 
     background: #abebfe; 
     color: #000; 
} 

.animated_bg3 { 
     background: #71a98b; 
     color: #fff; 
}

Es una buena opción para tener en cuenta ya que resulta muy simple de implementar con pocos recursos y les ofrece la posibilidad de generar espacios en los que el contenido varíe de una forma original. Para descargar el archivo, pueden hacerlo desde el sitio del autor Web Designer Wall. También pueden visitar la demo para ver su funcionamiento y analizar cómo implementarlo en sus propios diseños.

CSS + JavaScript: Colección de efectos inspirados en Google Material

Pablo

Con la aparición de Android L llega a nosotros una de las renovaciones más importante que sufre el sistema operativo móvil desde su aparición, uno de estos cambios es Google Material, una apuesta muy fuerte por parte de Google para lograr una perfecta visualización, además de homogénea, en la mayoría de los dispositivos en los que se puede instalar Android.

Como era de esperarse, aunque no deja de sorprenderme su velocidad, es la aparición de un recurso que emula los efectos de Google Material pero utilizando para ello CSS y JavaScript, esta colección se llama Waves.

coleccion de efectos google material con css

Waves es una bonita colección de efectos aplicados a botones, iconos y hasta imágenes, inspirado en Google Material.

Instalación y uso:

Un pequeño ejemplo en donde se ve la instalación y uso de este magnifico recurso:

<!DOCTYPE html>
<html>
<head>
<title>Waves example</title>

<link rel="stylesheet" type="text/css" href="/path/to/waves.min.css" />

</head>
<body>
<a href="#" class="waves-effect waves-button">Click Here</a>

<script type="text/javascript" src="/path/to/waves.min.js">\</script\>
<script type="text/javascript">
Waves.displayEffect();
</script>
</body>
</html>

Como se podrán dar cuenta, utilizar este recurso es muy pero muy sencillo.

Les recomiendo visitar la documentación para encontrar y aprovechar al máximo las distintas funcionalidades, además de ver una demostración funcional de su uso.

Web: Waves

Kappe: plantilla PSD para portfolio

Isabel

El momento de decidir crear nuestro portfolio no es sencillo. Lo básico siempre a tener en cuenta es que los trabajos deberían ser protagonistas, ya que es lo que queremos lucir. Un portfolio es una muestra de lo que hacemos que publica nuestra selección esperando que la gente pueda disfrutarlos e incluso contratarnos. Actualmente para ilustradores, fotógrafos o diseñadores se volvió primordial tenerlo porque los posibles clientes lo solicitan automáticamente. Al fin y al cabo, nada mejor para conocer un artista que ver lo que hace.

Por suerte existe una enorme cantidad de plantillas que podemos utilizar y que se liberan para que así sea, tanto para WordPress como para otras plataformas y en diferentes formatos. Lo bueno del PSD como ya hemos remarcado es que podemos editar cada elemento armando la galería de la manera en que mas nos agrade y luego sí ocuparnos del código y la implementación (o encargarla a alguien que sepa).

Kappe: Plantilla PSD para portfolio

Kappe no solo es gratuita sino que suma seis plantillas en una misma descarga. Muchos recursos se ocupan de armar la galería principal olvidando que no dejará de ser un sitio y podemos requerir otras secciones. En este caso obtendremos todos los formatos necesarios para armar el proyecto sin problemas.

El punto en común visualmente es que el contenido va a la derecha y la columna lateral del lado opuesto. Allí se ven los enlaces, el logo de nuestra empresa o proyecto, diferentes ítems para recorrer tranquilamente y por supuesto los iconos sociales.

La sección principal es la de los trabajos y se muestran en una grilla sin separación, con la posibilidad de aplicar un efecto al posarse en cada uno que mostrará el título y la invitación a ingresar. En otra plantilla veremos el apartado para nuestra información o la del estudio en cuestión, contando quienes son, publicando imágenes, testimonios y las capacidades o métodos con los que trabajamos.

Kappe: Plantilla PSD para portfolio

El blog es infaltable aun si no queremos activarlo en un principio y para ello se mostrará nuevamente una grilla en este caso con los artículos en miniatura, imagen y datos básicos. Si pasamos a la entrada individual se mantienen estas ubicaciones sumando los comentarios.

Volviendo a los proyectos realizados, también tienen su sección. En ella conoceremos mas información sobre los mismos, trabajos relacionados, detalles de su realización y una galería de ser necesaria.

Finalmente tenemos la página de contacto ubicando el formulario sobre un mapa que muestra nuestra ubicación abriendo la puerta a que nos consulten lo que deseen sin problemas.

Al tratarse de un PSD de más está aclarar que todos los formatos que detallo son modificables en Photoshop. Sin embargo es genial contar con una base tan completa que nos permita de a poco armar el portfolio perfecto gracias al recurso creado por Faton Avdiu.

Kappe – Descargar en Best PSD Freebies

Picasso: descarga de imágenes y cache para Android

Pablo

Picasso es una interesante biblioteca para la manipulación dinámica de imágenes en Android. Mediante su uso vamos a poder descargar imágenes desde una dirección HTTP y sincronizar su cache para evitar un uso indiscriminado de datos en el cliente, además de obviamente mejorar el rendimiento de nuestra aplicación.

Actualmente el proyecto se encuentra en su versión 2.3.3, mostrando un buen nivel de madurez y estabilidad. Además su licencia es Apache 2.0, garantizando su libre utilización tanto en aplicaciones personales como comerciales.

download images and cache android

Su principal ventaja: su facilidad de uso.

Ejemplo de uso:

Una vez anexada la biblioteca a nuestro proyecto, tan solo debemos emplear una linea de código para descargar nuestras imágenes:

Picasso.with(context).load(“http://i.imgur.com/DvpvklR.png”).into(imageView);

Un detalle que muchos agradecerán es su capacidad para redimensionar imágenes sin la necesidad de emplear complejas funciones, que en muchos casos terminan dando problemas de consumo excesivo de recurso, en especial en terminales de gama baja que no cuentan con excesivos recursos.

Picasso.with(context).load(url).resize(50,50).centerCrop().into(imageView)

Además podemos configurar la forma de transformar las imágenes añadiendo funciones personalizadas:

public class CropSquareTransformation implements Transformation{
@Override
public Bitmap transform(Bitmap source){
     int size = Math.min(source.getWidth(), source.getHeight());
     int x =(source.getWidth()- size)/2;
     int y =(source.getHeight()- size)/2;
     Bitmap result =Bitmap.createBitmap(source, x, y, size, size);

     if(result != source){  
        source.recycle();
     }
  return result;
}

@Override
public String key(){ return"square()"; }
}

La biblioteca es muy potente y tiene una documentación muy aceptable. Les recomiendo que vean el apartado relacionado al debug, en donde el autor nos presenta un mecanismo por el cual podemos saber el lugar (Red, disco o memoria) desde donde se obtiene la imagen mediante un indicador visual.

Plantillas para emails transaccionales en HTML

Tamara

Un aspecto del desarrollo de plataformas online que usualmente se deja de lado ya que a primera vista no representa mayores inconvenientes a la hora de cumplir su función. Pero si queremos dejar una buena impresión y demostrar que estamos atentos a todos los detalles que tienen que ver con un sitio, especialmente si el usuario debe recibir emails de confirmación a menudo, entonces estas plantillas simples pueden ahorrarles un dolor de cabeza.

La idea es que cada una de las templates se visualice correctamente sin importar el cliente de correo que utilicen, claro que si los suscriptores que reciben este material lo hacen solo con texto sin formato, no hay nada que puedan hacer, pero es una elección propia. Concentrándonos en lo que si podemos implementar para que nuestros mensajes sean más atractivos, claros y armónicos, estas tres plantillas simples nos ofrecen una versión posible de lo que podemos llegar a hacer. Hay algunas cuestiones específicas que necesitan tenerse en cuenta para lograr que cada uno de estos mensajes llegue a destino de la forma adecuada.

Transactional Email Templates

Descargar Transactional Email Templates | Mailgun en Github

Enviar emails con formato jamás fue simple y hoy con la variedad de dispositivos y sistemas que existen lo es aún menos. Pero si tenemos una base práctica y contemplamos las pequeñas complicaciones entonces puede que el resultado sea el que buscamos. Los emails transaccionales se refieren a aquellos que resultan en un intercambio de información entre el sitio web y la casilla de correo de quien ha solicitado un registro, una contraseña o una liquidación, la variedad es amplia y se pueden crear incluso combinaciones de los mismos.

La única cuestión que se debe tener en cuenta antes de enviarlos es la necesidad de colocar el CSS dentro del mismo HTML para evitar que el formato se pierda en el envío y perder información importante o elementos concernientes al diseño que deseamos implementar. Estas opciones que nos ofrece Mailgun son las bases de lo que puede resultar en algo más complejo, pero seguramente encontrarán de utilidad poder contar con el material para futuros envíos programados, encontrarán en el perfil de Github las vistas previas de cada una de las alternativas. Puede que les resulten un tanto simples, pero créanme que es un excelente punto de partida.