Posiblemente el trabajo mas tedioso que tengas que hacer es estilizar un correo electrónico para que éste llegue bien a una bandeja de entrada.
CampaignMonitor ha preparado una guia muy detallada que nos ayuda a ver que elementos y propiedades CSS son soportadas en diferentes clientes de correo de escritorio y web. Aunque esta lista fue publicada años atrás, ha sido actualizada sólo hace unos días.
Puedes verla en línea o descargártela en PDF o Excel.
Gridless es un framework HTML5 y CSS3 que permite hacer sitios web simples y elegantes usando una hermosa tipografía.
El framework no usa grids para su funcionamiento, lo que si hace es "normalizar" las reglas CSS en vez de resetearlas. También añade estilos de impresión y
Funciona en todos los navegadores incluidos IE6.
Enlace: Gridless | Demo | Código fuente
Visto en: WebResourcesDepot
Muchas veces al momento de escribir código CSS, hemos tenido la sensación de: ¿Por qué no puedo usar variables?, ¡Que bueno sería usar alguna función!. Ahora puedes hacerlo con {less}.
{less} modifica el comportamiento de CSS para que puedas usar variables, funciones, operaciones y mezclar estos para escribir código más rápidamente y usando tus talentos de programador.
El resultado es mostrado en el navegador como código CSS simple y funciona con todos los navegadores, también puede ser usado de lado del cliente y del servidor. Aquí algunos ejemplos:
#header {
color: @color;
}
h2 {
color: @color;
}
#header {
.rounded-corners;
}
#footer {
.rounded-corners(10px);
}
#header {
color: @base-color * 3;
border-left: @the-border;
border-right: @the-border * 2;
}
#footer {
color: @base-color + #003300;
border-color: desaturate(@red, 10%);
}
El sitio tiene extensa documentación y su uso puede ahorrarnos algunas líneas menos.
Enlace y descarga: {less}
Documentación: {less} docs
Si estás pensando lanzar un sitio nuevo, y necesitas probar la compatibilidad de tu navegador acerca de HTML5, te presento html5test.
Esta herramienta te presenta un “score” de soporte de tu navegador y una lista de resultados de todos los elementos y atributos de HTML5 que son soportados por tu navegador.
Además del score de tu propio navegador puedes ver la lista de elementos soportados por los demás navegadores.
Enlace: html5test.com
Quijotipsum es un generador de texto al estilo de Lorem Ipsum, pero que usa como base a El Quijote.
Según los autores tenemos dos ventajas: Texto entendible y texto fresco, novedoso y con tildes para probar la codificación.
Enlace: Quijotipsum.