• Saltar a la navegación principal
  • Saltar al contenido principal

Sebastián Thüer

Comunicación, diseño y tecnología

  • Acerca
  • Blog
  • Contacto
  • Show Search
Hide Search

Sebastián Thüer

HTML Email Boilerplate: Una plantilla para comenzar a diseñar newsletters

Sebastián Thüer · 16.06.2011 ·

El diseño de emails o newsletters es un área específica del diseño web. Lo que funciona para una página no se comporta de la misma manera en un mensaje de correo. Para los diseñadores suele ser un dolor de cabeza: de la misma manera que cada navegador implementa de forma diferente diferentes etiquetas y especificaciones, cada cliente de correo -ya sea de escritorio o web- tiene su propia manera de visualizar el código.

HTML Email Boilerplate es un interesante punto de partida que recoge hacks, trucos y recomendaciones para evitar tanto como es posible los problemas de visualización derivados de las múltiples plataformas de correo. Forzar a Hotmail a mostrar el correo en el ancho de pantalla total, visualizar correctamente los enlaces en Outlook, mostrar sin problemas el título y tamaño de los encabezados de texto (h1, h2, h3, etc.), evitar los colores que agrega Yahoo a los atajos de teclado y organizar el contenido correctamente en tablas son algunas de los temas que aparecen cubiertos en esta interesante plantilla que viene muy bien para comenzar a diseñar un newsletter.

Si te interesa el tema del diseño de newsletter y correos electrónicos aquí hay una buena presentación que resume bastante de los aspectos clave:

Email Workshop – Powell/Masterson (#11NTCEmail)

El Nuevo Estilo de Trabajo [infografía]

Sebastián Thüer · 11.06.2011 ·

El mundo del trabajo no es ajeno a los mútiples cambios que está viviendo nuestra sociedad y de los cuales la tecnología es parte. Si tradicionalmente se pensaba en «un trabajo para toda la vida», hoy muchos profesionales ponen el acento en «trayectorias profesionales» para ir desarrollando una carrera acorde con sus expecativas, formación e intereses.

El servicio de contactos Gist propone una interesante infografía que muestra estos cambios en el mundo del trabajo. De horarios fijos a tiempos flexibles, del trabajo en la oficina a las tareas distribuidas y de los objetivos por resultados a la medición del impacto, por ejemplo.

Solo cabría aclarar que hablamos de trabajo calificado y en relación las tecnologías de la información. Porque las líneas de montaje, la oficinas con atención al público y las elementales necesidades de higiene y limpieza todavía sigue existiendo.
Vía Gist

TN3 Gallery, un nuevo sistema galería de fotos en jQuery muy flexible

Sebastián Thüer · 08.06.2011 ·

El lunes presentaba una novedoso sistema de galería de fotos desarrollado puramente en CSS3. Sin embargo, cuando queremos algunas funciones más avanzadas o necesitamos garantizar compatibilidad con navegadores más antiguos necesariamente hay que recurrir a a Javascript.

A los múltiples sistemas de galería de fotos que hay se presenta uno nuevo: TN3 Gallery. Basado en jQuery, tiene muchas opciones de configuración y el diseño está cuidado en todos sus detalles.

La versión básica es gratuita y se puede descargar desde el propio sitio, mientras que la versión PRO cuesta USD $37 y la Multisite $97. Los múltiples efectos de transición, la precarga de imágenes, que tenga una API para trabajar con otras aplicaciones -características que no todos tienen- están presentes en la versión gratuita.

¿Qué obtenemos con la versión full, entonces? Básicamente, soporte prioritario y la posibilidad de remover los créditos ademas de otras características adicionales.

Apple iOS 5: Una actualización llena de novedades

Sebastián Thüer · 07.06.2011 ·

Un sistema de notificaciones menos invasivo, un completo gestor de suscripciones, opciones de mensajería y el reemplazo de las viejas notas por sencillo gestor de tareas. Apple acaba de anunciar el próximo lanzamiento de iOS 5, el sistema operativo para sus dispositivos móviles como iPhone, iPad e iPod Touch, con muchas funciones nuevas y la mejora de otras existentes.

La idea de Apple para sus dispositivos es clara: movilidad y funcionalidad. Correo, redes sociales, productividad y una nueva vuelta de tuerca a a la interfaz de usuario para que todo se pueda gestionar aun más fácilmente. Precisamente, éste es uno de los aspectos más interesantes para analizar porque -aunque no seas usuarios de los productos Apple- normalmente sus propuestas marcan tendencia y terminan siendo adoptadas por el resto de la industria.

En este sentido, llama la atención que la principal mejora que presentan es un nuevo sistema de notificaciones que funciona en segunda plano mientras se están realizando algunas tareas que requieren atención total (jugar, por ejemplo). Para ello crearon Notification Center donde se agrupan las diferentes alertas y notificaciones que reciben los usuarios. El acceso se realiza al deslizar la pantalla desde arriba, tal como lo hace la interfaz de Android, como apunta Celularis.

La actualización del sistema operativo también trae un pequeño gestor de tareas que se combina con la capacidad de geolocalización de los dispositivos. Por ejemplo, si estás en el supermercado puede llegarte un alerta de que recuerdes traer la leche; o si estás en la oficina te puede avisar que recuerdes traer ciertos papeles. Habrá que ver cómo funciona y, especialmente, cómo resuelve el rápido consumo de batería cuando se utiliza la localización.

Otro aspecto fundamental de la actualización es la integración con Twitter, en desmedro de Facebook Connect. En realidad, es algo sencillo pero enormemente potente: el sistema puede almacenar nuestra cuenta y clave de Twitter para automáticamente ofrecernos acceso a este servicio cuando, por ejemplo, tomemos una foto. Sin necesidad de abrir una aplicación específica ni estar identificándonos a cada momento.

¿Cuántas veces te paso que querías tomar un foto y cuando recién lograste desbloquear el teléfono el momento ya pasó? Apple está en esos detalles y ha incluido un pequeño icono de acceso directo a la cámara de fotos cuando el teléfono está bloqueado. Otro detalle de los que seguramente pronto nos parecerá completamente natural: activar y actualizar el software sin necesidad de tener una computadora a mano.

La lista sigue: un completo sistema para gestionar suscripciones a medios online, una lista de lectura para Safari donde marcar las páginas que queremos leer luego, edición básica de fotografías incorporada y un sistema de mensajería interna entre dispositivos que utilizan iOS.

A todo esto se le suma la presentación de iCloud, un servicio para sincronizar online toda la información entre dispositivos de Apple. Algo bastante parecido a lo que ya está haciendo Dropbox.

Sin embargo, habrá un pequeño grupo que no estará demasiado contento con las actualizaciones: las empresas que crecieron alrededor del ecosistema de aplicaciones móviles de Apple añadiendo funcionalidades que hasta ahora estaban ausentes. Como ocurre con iCloud que puede sustituir a Dropbox, el nuevo Reminders puede reemplazar Remember The Milk, el Reading List de Safari a Readability, las mejoras en la aplicación de fotos a los innumerables editores de imágenes que hay y sigue la lista.

Tip: Una noticia que muchos agradecemos es la actualización iOS 5 estará disponible para el iPhone 3GS (habrá que ver con qué velocidad, pero ya es algo).

Actualización 19/07/2018: Readbility será discontinuado, aquí hay algunas alternativas: Best alternative readers for 2018

Pure CSS3 Lightbox: Galería de fotos en una sóla página sin JavaScript

Sebastián Thüer · 06.06.2011 ·


Probablemente Ligthbox se uno de los plugins de JavaScript más extendidos en los diseñadores web. Si no lo conocés, se trata de un código JavaScript que sirve para generar galería de imágenes donde el usuario puede previsualizar y ampliar fotografía en mayor tamaño sin necesidad de recargar la página.

Se utiliza en muchos sitios web porque se trata de una solución práctica, sencilla y muy elegante. En el sitio de mi estudio de diseño web podés ver un ejemplo.

Sin embargo, la potencia de CSS3 permite que un comportamiento bastante similar pueda emularse sin necesidad de JavaScript ¿Las ventajas? Velocidad, facilidad de mantenimiento y código más liviano. El estudio Deaxon presenta este interesante experimento de emular a LightBox sin una sola línea de JavaScript.

Si bien todavía no todos los navegadores tienen soporte total para CSS3, el futuro parece estar en esa dirección: cada vez más efectos visuales en CSS.

El código del ejemplo anterior lo encontrás aquí (clic en la pestaña Source Code).

  • « Ir a la página anterior
  • Página 1
  • Páginas intermedias omitidas …
  • Página 64
  • Página 65
  • Página 66
  • Página 67
  • Página 68
  • Páginas intermedias omitidas …
  • Página 170
  • Ir a la página siguiente »

Sebastián Thüer

Creative Commons Atribución 4.0 Internacional © 2025 · Less Is More · Acceder