Brainet, Diseño Marketing y Comunicación

El uso de las hojas de estilo en los diferentes clientes de correo electrónico así como los llamados Webmails, puede provocar resultados no deseados. Recordemos, que la nueva versión del programa de Microsoft, Outlook 2007 utiliza como núcleo interno de tratamiento el que utiliza Microsoft Word en lugar de utilizar el de Internet Explorer

En el blog de Campaing Monitor, conscientes de ello,  publican periódicamente artículos y estudios sobre como tratan estos programas de correo las diferentes propiedades de las hojas de estilo.  En una nueva revisión que han hecho, han publicado unas tablas, a modo de “chuleta”, que se pueden descargar para tenerlas más a mano donde nos indican el soporte de dichas propiedades en diferentes programas de correo tanto vía Web como de escritorio.

Yahoo ha anunciado en su blog que ya es posible utilizar sus librerías de desarrollo apuntando directamente a las que tiene alojadas en sus servidores. De esta manera, evitamos tener que bajarnos diferentes versiones ya que siempre trabajaremos con la más estable.

Serving YUI Files from Yahoo! Servers

En css3.info se hacen eco de un posible bug relacionado con la utilización de la propiedad cursor que se ha solucionado con la última actualización de Firefox. Como indican en el artículo, se supone que es el primer agujero de seguridad detectado que utiliza propiedades de esta nueva especificación de hojas de estilo.

First CSS3 security bug found, patched?

En el blog Campaign Monitor han publicado un artículo donde comentan los resultados que han obtenido tras probar Yahoo Mail Beta y Windows Live Mail con un diseño de e-mail con hojas de estilo del autor.

Es sabido que el tratamiento que han realizado y realizan los programas de correo, tanto de escritorio como vía web, de las hojas de estilo que se desarrollan varía y que existen ciertas recomendaciones a tener en cuenta para evitar posibles problemas del tipo que se vea bien en nuestro navegador y mal en nuestro programa de correo.

Los resultados obtenidos de cada uno de los correos vía web anteriores son bastante esclarecedores. Yahoo Mail Beta obtiene una calificación muy alta salvo que parece ser no soporta los atributos “position”.

Por el contrario, Windows Live Mail obtiene una puntuación final de incompetencia. Tiene bastantes fallos a la hora de tratar las hojas de estilo. Algunos de ellos:

• no trata ningun atributo “margin” así que olvidémonos de utilizarlo para resetear y modificar valores en nuestros elementos
• conversión de las comillas dobles; adiós a poner familias de fuente, entre otras cosas, que las requieran
• no trata ningún “background”; adiós a los fondos de imagen
• reemplazo incorrecto de identificadores de elementos

How Windows Live Mail and Yahoo Mail Beta Shake Out with CSS

Konqueror 3.5.6

KHTML 3.5.6 is the most CSS3-compliant of all

Filtros por CSS hay varios (http://centricle.com/ref/css/filters/) pero este es bastante simple.

Se basa en el hecho que IE obvia un comentario con doble barra (//) así que para él, lo que haya tras las barras lo entenderá como parte del código mientras que los otros navegadores omitirán esta línea.

Detectando el navegador con CSS

Bueno, en versiones que saldrán dentro de poco ya traerán cierto soporte en cuanto a los nuevos selectores de esta especificación. Algunos de ellos ya están implementados en desarrollos acabados y otros están añadidos al motor interno del navegador pero no se han probado del todo aún.

Aquellos que ya están incluídos son:

• :root
• :not()
• :nth-child()
• :nth-of-type()
• :first-of-type
• :target

Los que ya están incluídos en el motor pero aún no se han probado son:

• :empty
• :nth-last-child
• :nth-last-of-type
• :only-child
• :only-of-type

Vía:

• Upcoming CSS3 support in Opera
• CSS3 in future Opera builds

Hay de todo: calendarios, formularios, impresió de documentos,  redondeo de curvas, reemplazo de imágenes, mapas de imágenes, diagramas, pop-ups con imágenes, etc, etc…

Vía aNieto2K: 53 CSS-Techniques You Couldn’t Live Without 

I want a CSS time machine.

Where or when would I go? To the future perhaps, to find out the results of next year´s racing results or the winner of the 2010 World Cup (actually I know that already)? No, I would return to 1996 and insist tha the CSS Working Group add multiple background images to CSS1.

Andy Clarke

Vía: Transcending CSS, the Fine Art of Web Design en su capítulo “CSS3 (Third Time Lucky”)

En un artículo anterior se ha comentado cómo se supone que se desarrollarán las estructuras de un sitio con la versión 3 de las hojas de estilo.

Para echar un vistazo a estas nuevas capacidades de estructura es recomendable la lectura de Nuevas capacidades de maquetación en CSS 3 escrito por César Acebal del Departamento de Informática de la Universidad de Oviedo

(Actualización 10-06-08: el enlace ha sido retirado dado que el documento al que hace referencia el artículo no se encuentra disponible en el sitio del profesor Acebal. Para ver el borrador de trabajo del W3C al respecto se puede visitar: CSS Advanced Layout Module.