ZaRQuN – Diseño Gráfico, Web y Programación Blog sobre diseño grafico en general y curiosidades

En la era digital, el email marketing sigue siendo una de las herramientas más efectivas para conectar con clientes y audiencias. Sin embargo, crear emails que se vean bien en todos los dispositivos puede ser un desafío. Aquí es donde entra MJML, un framework que simplifica la creación de correos electrónicos responsivos y profesionales.

¿Qué es MJML?

MJML (Mailjet Markup Language) es un lenguaje de marcado desarrollado por Mailjet que permite diseñar emails de manera más sencilla y estructurada. Su principal objetivo es que los desarrolladores y diseñadores puedan crear emails responsivos sin preocuparse por las complicaciones de los distintos clientes de correo (Gmail, Outlook, Apple Mail, etc.), que a menudo interpretan el HTML de forma distinta.

En pocas palabras, MJML traduce un código limpio y simple a HTML complejo y compatible con todos los clientes de correo. Esto significa menos tiempo escribiendo tablas, estilos en línea y hacks para que el correo se vea bien en dispositivos móviles.

¿Para qué se usa MJML?

MJML se utiliza principalmente para crear:

• Campañas de email marketing: Boletines, promociones, anuncios y newsletters.
• Emails transaccionales: Confirmaciones de pedidos, notificaciones de cuenta o restablecimiento de contraseña.
• Plantillas reutilizables: Diseños que se adaptan automáticamente a cualquier dispositivo.

Su enfoque es ideal para equipos de marketing, desarrolladores front-end y cualquier persona que quiera emails consistentes, bonitos y funcionales sin tener que ser un experto en HTML complejo para correo electrónico.

Pros de usar MJML

1. Simplicidad y rapidez: MJML usa etiquetas semánticas y fáciles de entender, eliminando la necesidad de escribir largas tablas y estilos en línea.
2. Responsivo por defecto: Los emails se adaptan automáticamente a móviles, tabletas y desktops.
3. Compatibilidad: Genera HTML compatible con los principales clientes de correo.
4. Productividad: Reduce el tiempo de desarrollo y la probabilidad de errores de visualización.
5. Comunidad y recursos: Al ser open-source, cuenta con documentación extensa, plantillas y soporte de la comunidad.

Contras de usar MJML

1. Dependencia de una herramienta: Necesitas el compilador de MJML para generar el HTML final, lo que puede ser un obstáculo si quieres trabajar solo con HTML puro.
2. Limitaciones de personalización extrema: Aunque es muy flexible, para diseños muy complejos puede requerir hacks adicionales.
3. Curva de aprendizaje inicial: Aunque es más sencillo que HTML para correo, requiere aprender su sintaxis y etiquetas.
4. Tamaño del HTML: A veces el HTML generado es más extenso de lo que se escribiría manualmente, aunque esto rara vez afecta la entrega o el rendimiento.

Conclusión

MJML es una herramienta poderosa para cualquiera que quiera emails profesionales y responsivos sin perder tiempo lidiando con las inconsistencias del HTML para correo electrónico. Su combinación de simplicidad, compatibilidad y eficiencia lo convierte en una opción cada vez más popular entre marketers y desarrolladores.

Si todavía no lo has probado, vale la pena darle una oportunidad: ahorrarás tiempo y frustraciones, y tus emails lucirán bien en cualquier dispositivo.

Hoy en Zarqun.com traemos un recurso absolutamente útil para diseñadores, desarrolladores o cualquiera que trabaje con páginas web, apps o presentaciones: un set de iconos gratuitos que puedes usar para darle un aspecto profesional a tus proyectos sin coste alguno. Además, te explicamos cómo aprovecharlo al máximo, cómo asegurarte de cumplir licencias y dónde encontrar otros sets similares.

Descargar In Pixelated Icon Set

El mundo de la ilustración no deja de reinventarse. Nuevas voces, estilos híbridos y propuestas visuales que cruzan fronteras culturales marcan el pulso de una generación creativa que promete seguir sorprendiendo.
Si estás buscando inspiración para este 2025, aquí tienes una lista de 10 ilustradores internacionales que no puedes perderte, cada uno con un universo estético propio.

1. JooHee Yoon

Con una técnica impecable que combina grabado, collage y color vibrante, JooHee Yoon explora la intersección entre lo analógico y lo digital. Su trabajo ha aparecido en medios como The New York Times y The New Yorker, siempre con un toque experimental que la distingue.

2. Maria Midttun

La ilustradora noruega Maria Midttun crea composiciones poéticas donde la línea y la textura cuentan historias sutiles. Su estilo se mueve entre lo editorial y lo narrativo, con una sensibilidad única hacia los pequeños gestos cotidianos.

3. Valerio Vidali

Conocido por su dominio del libro ilustrado, Valerio Vidali mezcla dibujo, composición y narrativa visual con una delicadeza que recuerda a los clásicos de la ilustración europea. Su trabajo ha sido premiado internacionalmente por su capacidad para emocionar con imágenes silenciosas.

4. José Antonio Suárez Londoño

El colombiano Suárez Londoño es una leyenda discreta. Sus cuadernos son un universo paralelo de símbolos, letras y formas que convierten el dibujo en una práctica casi meditativa. Cada página es un diario visual que invita a mirar más allá.

5. Sara Hagale

Con un estilo colorido, expresivo y profundamente humano, Sara Hagale aborda temas de salud mental, emociones y humor con una honestidad desarmante. Sus ilustraciones, populares en redes, son una celebración del autoamor y la vulnerabilidad.

6. Luna Pan

Desde China, Luna Pan fusiona la estética tradicional oriental con técnicas digitales contemporáneas. Su trabajo combina lo espiritual y lo urbano, con una atención especial a la composición y el uso del color como lenguaje emocional.

7. Alex Gamsu Jenkins

El británico Alex Gamsu Jenkins lleva el surrealismo al extremo con escenas absurdas, humor negro y personajes extraños. Su obra es tan provocadora como divertida, una crítica visual a la cultura contemporánea.

8. Amanda Baeza

De raíces chileno-portuguesas, Amanda Baeza juega con el color, la forma y el gesto mínimo. Su trabajo destaca por su libertad expresiva y por cómo logra narrar emociones complejas a través de composiciones aparentemente simples.

9. Woshibai

El artista chino Woshibai combina cómic, ilustración y animación en un estilo minimalista que transmite melancolía y humor. Su narrativa visual, llena de silencios y personajes introspectivos, es un viaje poético por lo cotidiano.

10. Núria Tamarit

La ilustradora española Núria Tamarit es una de las voces más potentes de la nueva generación europea. Su trabajo se distingue por colores intensos, personajes fuertes y una mirada feminista que atraviesa todo su universo gráfico.

Si necesitas un impulso para desatar tu creatividad, Unsplash puede ser tu aliado perfecto. Este blog te mostrará las imágenes más asombrosas capturadas por talentosos fotógrafos de todo el mundo, listas para ser utilizadas en tus proyectos o simplemente para alimentar tu imaginación. Desde fotografías abstractas que desafían la realidad hasta retratos que capturan la esencia de un personaje, Unsplash es una fuente de inspiración infinita. ¡Prepárate para descubrir una nueva forma de ver el mundo!

Unsplash

¡Descarga ahora mismo estas ilustraciones veraniegas en formato AI de forma totalmente gratuita! Sumérgete en la temporada más vibrante del año con estas coloridas y refrescantes ilustraciones.

Estos archivo AI cuenta con unos diseños que capturan perfectamente la esencia del verano. Desde alegres helados y jugosas frutas tropicales, hasta divertidos juegos acuáticos, encontrarás la ilustración perfecta para darle vida a tus proyectos veraniegos.

El formato AI te permite editar y personalizar cada ilustración de acuerdo a tus necesidades. Modifica los colores, cambia los elementos y añade tu propio toque creativo para hacer que cada ilustración sea única y represente tu estilo.

Ya sea que estés trabajando en un proyecto de diseño gráfico, creando una invitación para una fiesta de verano o simplemente buscando inspiración para tu próxima obra de arte, estas ilustraciones veraniegas en formato AI son el recurso perfecto para añadir un toque de frescura y diversión.

No pierdas esta oportunidad única de descargar estas ilustraciones veraniegas de forma gratuita. ¡Haz clic en el enlace de descarga y empieza a disfrutar del verano en tu trabajo creativo hoy mismo!

iHover (35 efectos)
Para mi la mejor librería de la colección, aporta animaciones muy elegantes y profesionales. No usan JavaScript y todo lo realizan con CSS3 y HTML

Image Hover Effects (16 efectos)
Bonita colección de 16 «hover effects» con subtitulos. Dispones de el HTML y CSS necesario para emular los efectos en tus proyectos.

Captión Hover Effect (7 efectos)
Transiciones suaves y bonita son las que ofrece esta librería. Si quieres usarla en algún proyecto en su sección de tutoriales te explican como poder usarlas.

Image Caption Hover Animation (4 efectos)
En este enlace encontrarás 4 animaciones para cuando colocan el cursos sobre tus imágenes.
Toda las animaciones son en CSS3, no usan JavaScript, por lo que son ideal para no tener problemas de compatibilidad con navegadores.

Image Hover (44 efectos)
Solo con CSS esta biblioteca posee 44 efectos hover. En esta librería encontrarás efectos de diapositivas, zoom, desenfoque o desvanecimientos entre otros. Además de esta versión gratuita ofrecen una versión premium por 14€ que ofrece un total de 216 efectos.

¡Aprende en 1 min! Consejos para sacar todo el partido a la herramienta «clic y arrastre para modificar la curva» en Adobe Photoshop

¡Aprende en 1 min! Aquí los paso necesarios para eliminar un fondo de forma rápida y con la máxima calidad

Simply beautiful open source icons

Después de mucho buscar por la web un set de iconos que se adaptara a mi proyecto web di con este set de iconos de código abierto.

Tiene un aspecto limpio con un borde bastante definido y con esquinas redondeadas. Espero que os sea de utilidad 🙂

feathericons.com

¡Aprende los mejores trucos en 1 min! Haz que tus fotos cobren vida con la herramienta Parallax Motion Effect en Photoshop