Skip to content
  • Inicio
  • Servicios
  • Casos
  • Recursos
    • Blog
    • Descargas
    • Podcasts
  • Quiénes somos
  • en_GB
Contacto
Blog, Diseño de emails

Yahoo soluciona sus problemas con las media queries

7 de abril de 2015 alecastellano Comentarios desactivados en Yahoo soluciona sus problemas con las media queries

A principio de febrero, desde Fresh Inbox comenzaban una campaña para pedir a Yahoo que arreglase su incompatibilidad con las media queries que utilizamos para hacer nuestros emails responsive. El problema era que Yahoo aplicaba las últimas reglas declaradas dentro de nuestras media queries aunque se tratase de resoluciones de escritorio, lo que hacía descuadrar toda nuestra maquetación y nos obligaba a buscar hacks para evitar el desastre.
La solución que  se encontró fue estructurar las reglas CSS con selectores de atributo, ya que Yahoo no las interpreta, y por tanto las ignoraría y mantendría el estilo aplicado inline. Esto provocaba que nuestros estilos tuviesen esta pinta:
css-email4
Pero hace unos días, Fresh Inbox nos daba la buena noticia. Yahoo parece sensible a las demandas de los desarrolladores y apenas un mes después de la petición, respondía solucionando el “bug” y dando soporte al responsive design.

Toma nota, Gmail

Toma nota, Gmail

Así que, los desarrolladores de email podemos quitarnos de encima los selectores de atributo y declarar las reglas CSS “como la gente normal”.
css-email3
Pero esta no es la única buena noticia, ya que además de solucionar el problema, Yahoo ahora da soporte al responsive design tanto en Webmail como en su aplicación móvil, si bien, no todos los filtros que podemos aplicar darán resultado. Parece que Yahoo entiende sin problemas los más utilizados: max-width y min-width, pero se deja sin soporte max-device-width, min-device-width, -webkit-min-device-pixel-ratio. También encontraremos problemas si utilizamos varios filtros en una media query. Es decir, este código funcionará correctamente:
media query email
Pero si añadimos otro filtro, como en este otro ejemplo no funcionará.
media2
Además, Yahoo, según Mark Robbins, nos ofrece la posibilidad de seleccionar solamente su cliente en caso de que queramos aplicar estilos concretos o corregir fallos que puedan darse en su servicio. Esto lo podremos hacer con el filtro “yahoo” en una media query, de esta manera:
soloyahoo
 
 
 
En definitiva, buenas noticias para el sector del email. Y no os olvidéis de que seguimos acosando a Gmail para que se ponga las pilas para solucionar los problemas que plantea al responsive design. Podéis retuitear este tuit de Freshinbox para adheriros a la petición:

Hi @google, when will @gmail be “mobile friendly”? http://t.co/nj8vI4IVh1 #SupportMediaQueries #CanHasStyle

— FreshInbox (@FreshInbox) marzo 27, 2015

  • Responsive Email Design
  • Yahoo
alecastellano

Navegación de entradas

Anterior
Siguiente

Buscar

Categorias

Últimos posts

  • BENCHMARK 2025: El email marketing en la industria de la gran distribución
  • cómo crear journeys que convierten
    Del lead a la fidelización: cómo crear journeys que convierten y retienen
  • Herramientas de marketing automation según tu madurez digital
    Cómo elegir la herramienta adecuada de marketing automation según tu madurez digital

Related posts

Agencia de email marketing
Agencia Email Marketing

Agencia de email marketing

19 de mayo de 2025 José Boix Comentarios desactivados en Agencia de email marketing

Agencia de email marketing en Barcelona En el entorno digital actual, conectar con los usuarios de forma personalizada es clave para el éxito de cualquier estrategia. En Barcelona, Digital Response se posiciona como una agencia de email marketing especializada en campañas de correo electrónico efectivas y automatizadas. ¿Por qué trabajar con una agencia experta en […]

Blog, Email Móvil

Responsive Email Design: recursos y materiales de nuestro webinar

20 de mayo de 2015 alecastellano Comentarios desactivados en Responsive Email Design: recursos y materiales de nuestro webinar

El pasado miércoles nos estrenamos con nuestro primer Webinar. La temática de este primer seminario fue el Responsive Email Design, un tema candente en el sector del email marketing que a muchos aún os da “miedo” por la falta de interpretación homogénea por parte de muchos clientes de email.

Blog, Email Móvil

Gmail testea una interfaz más orientada a móvil pero sigue ignorando el responsive design

21 de mayo de 2014 alecastellano Comentarios desactivados en Gmail testea una interfaz más orientada a móvil pero sigue ignorando el responsive design

A través de Geek.com ha llegado hemos llegado a conocer unas capturas de los nuevos cambios que Gmail está planeando aplicar próximamente. Recientemente, supimos de los tests que estaban realizando con una pestaña de promociones mucho más visual al más puro estilo Pinterest:

digitalResponse_claim_500

Trabajamos con equipos CRM que buscan escalar sus programas, la excelencia en las operaciones y mejorar los resultados.

Recursos
  • Blog
  • Descargas
  • Podcast
Agencia
  • Servicios
  • Casos
  • Quiénes somos
  • Trabaja con nosotros
  • Contacto
Social
  • Facebook
  • Twitter
  • Linkedin
  • Youtube
  • Spotify

2024 © Digital Response, all rights reserved. Web by sararovira.com

  • Aviso legal
  • Política de privacidad
  • Cookies
Gestionar consentimiento
Para ofrecer las mejores experiencias, utilizamos tecnologías como las cookies para almacenar y/o acceder a la información del dispositivo. El consentimiento de estas tecnologías nos permitirá procesar datos como el comportamiento de navegación o las identificaciones únicas en este sitio. No consentir o retirar el consentimiento, puede afectar negativamente a ciertas características y funciones.
Funcional Siempre activo
El almacenamiento o acceso técnico es estrictamente necesario para el propósito legítimo de permitir el uso de un servicio específico explícitamente solicitado por el abonado o usuario, o con el único propósito de llevar a cabo la transmisión de una comunicación a través de una red de comunicaciones electrónicas.
Preferencias
El almacenamiento o acceso técnico es necesario para la finalidad legítima de almacenar preferencias no solicitadas por el abonado o usuario.
Estadísticas
El almacenamiento o acceso técnico que es utilizado exclusivamente con fines estadísticos. El almacenamiento o acceso técnico que se utiliza exclusivamente con fines estadísticos anónimos. Sin un requerimiento, el cumplimiento voluntario por parte de tu proveedor de servicios de Internet, o los registros adicionales de un tercero, la información almacenada o recuperada sólo para este propósito no se puede utilizar para identificarte.
Marketing
El almacenamiento o acceso técnico es necesario para crear perfiles de usuario para enviar publicidad, o para rastrear al usuario en una web o en varias web con fines de marketing similares.
Administrar opciones Gestionar los servicios Gestionar {vendor_count} proveedores Leer más sobre estos propósitos
Ver preferencias
{title} {title} {title}