Sebastián Thüer

Comunicación, diseño y tecnología

Diseño Web

Emailology, buen recurso para el diseño de newsletters

· ·

Captura sitio web Emailology
Varias veces he planteado que el diseño de newsletters o correos electrónicos es un áreas específica del diseño web con su propia lógica, recursos y técnicas. Emailology
es un sitio con interesantes aportes porque planea reunir una serie de recursos vinculados con el diseño de e-mail.

En primer lugar, presenta Email Boilerplate, una plantilla con la configuración básica de un correo que incluye una serie de etiquetas y estilos por defecto que funciona en cualquier navegador. Además, tiene una sección de guías con las etiquetas de HTML y CSS admitidas por los diferentes clientes de correo. No solo considera los webmails o aplicaciones de escritorio más populares, sino que también incluye a los clientes de los teléfono inteligentes.

Finalmente, hay una sección con trucos y consejos que recopila información en formato de pregunta y respuesta. En definitiva, un lugar interesante para poner en tu lista de recursos si te dedicás a diseñar newsletters.

Una breve historia de los estándares web [infografía]

· ·

Si no existieran los estándares web los diseñadores estarían obligados a crear una versión de su sitio por cada navegador que existiera. Los usuarios rogarían las páginas se viesen bien en el navegador que tienen abierto. Las empresas tendrían que multiplicar los presupuestos de desarrollo por 3, 4 o 5. Y aunque parezca ridículo, en una época era así.

Esta infografía repasa la historia de la web desde sus inicios desde los ’90 a nuestros días con los hechos más sobresalientes y algunos datos curiosos. La verdad, para hacer un cuadro y pegarlo en

Vía Vitamin Talent

El arte de combinar colores [infografía]

· ·

Una buena combinación de colores es clave en el diseño. Crear una paleta equilibrada, personal y armoniosa es un talento que no se obtiene fácilmente. Esta infografía presenta algunos de los principios más habituales que deben tenerse en cuenta para la combinación de colores.

Tan importante como lograr una buena combinación es mantener la coherencia entre la paleta de colores de la página y el de los elementos que la componen. Texo e imagen son elementos independientes pero conforman un todo a nivel de percepción. Un detalle que no siempre se puede manejar en el diseño web por la actualización que sufren las páginas.

Vía KissMetrics

CSS Terminal, una forma rápida editar estilos al instante

· ·


Los ajustes finos de CSS en un sitio suelen llevar bastante tiempo y una de las tareas más odiosas es estar modificando el archivo y actualizando el navegador a cada instante. Hasta ahora la herramientas de edición de CSS en línea dentro de un navegador no habían funcionado demasiado bien o eran bastante incómodas.

CSS Terminal viene a solucionar el problema de una manera muy sencilla: inserta una capa semitransparente por encima del sitio web y admite que escribamos el CSS de forma directa. Como dice el autor, es un bookmarklet que permite insertar reglas de CSS directamente en una página en vivo. Algo que se agradece mucho para depuarar CSS y crear prototipos de forma rápida.

La herramienta es compatible con Opera, Mozilla Firefox, Google Chrome, Apple Safari y Microsoft Internet Explorer 9 o superior. Muy sencilla pero tremendamente útil.

Internet ayer y hoy: 1996 vs. 2011 [infografía]

· ·

Quince años es mucho tiempo, y en el caso de la web, prácticamente toda su historia al menos en su vertiente más masiva. Esta infografía resulta interesante para recordar cómo era la red en sus comienzos y el enorme progreso que ha tenido, fundamentalmente en la parte visual porque parece que los primeros sitios había omitido el progreso del diseño en la historia de la humanidad.

Además, la cantidad de usuarios, el número de páginas existentes y el tiempo dedicado a la red han crecido de forma increíble. La lista de los sitios más visitados muestra muchas entradas y salidas entre ambos años. Pero mejor que leerlo, es verlo en este gráfico:

Vía Mashable