A Dao of Web Design
Web designers often bemoan the malleable nature of the web, which seems to defy our efforts at strict control over layout and typography. But maybe the problem is not the web. Maybe the problem is us.
Algunos (excelentes) websites de periodicos
Buscando referencias he hecho una lista que por lo regular va a mi Delicious, pero esta vez quise publicarla. Es una lista de los mejores websites de periodicos que he encontrado, ya sean por su tematica, su diseño, el uso de la multimedia y la arquitectura de la informacion me parecen miebors de esta lista.
Taking your talent to the web
En las palabras del Sr. Zeldman, este libro fué escrito para diseñadores que tienen clientes que quieren websites, directores de arte que quieren moverse a trabajar tiempo completo con la web y con interaction design, creadores de paginas que están listo para volverse profesionales y profesionales que quieren profundizar en sus habilidades y entendimiento de la web.
Publicado en el 2001 y ahora está disponible para descargar gratis en el website de su autor, Jeffrey Zeldman
A Designer and His Problems is a once-in-a-lifetime inspirational journey through one designer’s typos, questionable color choices and poor font selection. A Designer and His Problems deals with the feeling that we all have from time to time: that something is wrong but we don’t know quite what. Or maybe we do know, but it’s too late to do anything about it. Heartwarming and refreshingly honest, Paul Sahre identifies problems in all their different forms and urges us to accept them, nurture them, caress them.
Buenísimo El template de Jarred Bishop, y mucho mejor que lo haya liberado para el uso público, probablemente cambiaría el mio por ese ….
Con detalles como navegación por teclado, integración con twitter y Lightbox para las imágenes grandes.
Fuente: matthewb
Si alguien me vá a regalar algo en estos días, no sé … quiero un t-shirt de estos!
Film the Blanks, An ongoing experiment to abstract and/or reduce film posters. Some famous, some not so famous but all cool in their own way.
Un poster nuevo cada día.
Film the Blanks, an ongoing experiment to abstract and/or reduce film posters. New posters appear every weekday. (via Spaceships)
Fuente: matthewb
Diseñando para Tumblr
Desde hace unos días vengo trabajando en un template personalizado para Tumblr.
El proceso há sido divertido y despues de haber trabajado integrando muchos CMS’s, la iniciativa de una sola página de Tumblr es muy refrescante. El motor de Tumblr maneja cada página del Tumblelog de un usuario con una sola plantilla en XHMTL y CSS, reduciendo vastamente no solo la cantidad de trabajo necesario para crear un template, sino tambien la cantidad de código repetido (en el caso de Wordpress)
Creando un Tema para Tumblr
El primer paso sería producir la página en html, más el CSS y las imágenes, que juntos representan el diseño. A esto le añadimos etiquetas personalizadas que permitirán a Tumblr identificar las partes de nuestro diseño y realizar variaciones a los distintos tipos de posts.
Luego se debe copiar el HTML (con el CSS incluido) directamente a la casilla de “Custom HTML” en la sección customize del dashboard de Tumblr. Utiliza el boton preview para verificar que las etqiuetas quedaron en el sitio correcto.
Como parte del proceso, me hubiese gustado subir las imagenes a Tumblr, pero el alojamiento de archivos para los templates no está incluido en el servicio, así que registré una cuenta en Photo Bucket y enlacé las referencias a las imágenes desde ahí.
Usando las etiquetas
Las etiquetas de Tumblr estan divididas en dos grupos:
Variables, para mostrar data dinámic. Como: {Title} que muestra el nombre del Tumblelog.
Bloques, para hacer loop en sets de datos y mostrarlos condicionalmente.
{block:Description}
<p id="description">{Description}</p>
{block:Description}
Esto cubre casi todas las situaciones, pero no hay concepto de else o de not, por lo que no es posible mostrar algo cuando alguna condición resulte negativa. (Como hubiese sido útil en varios casos)
El uso más importante para los bloques es el de manipular el display de los posts dependiendo su tipo (Text, Chat, Audio, Video, Quote, Link)
Inconvenientes
La mayor parte de los inconvenientes de hacer un template en Tumblr se encuentran en el preview:
- No se muestran todos los tipos de posts (videos, audio)
- Los posts de muestra no están etiquetados, ni se muestra la paginación.
- No hay listas, encabezados o texto preformateado en los posts de ejemplo.
Tener una previsualización más parecida al resultado final (con el contenido) sería de gran ayuda al momento de probar los cambios que vamos realizando al diseño.
La documentación de las etiquetas es muy completa y es el sitio definitivo para aprender a hacer templates para Tumblr.
Este post es solo una pequeña lista de asuntos que pude observar creando el template de mi blog.
El display de nuestro logo que hizo Rose para nuestra oficina.
diseñando de nuevo
Tenia mucho tiempo que no ejercia el rol de diseñador, pero ahora, llego un proyecto y como estoy solo solo, estoy diseñando un logo, una papeleria y por si todo eso fuera poco estoy desarrollandoles un plan dde mercadeo.
Sera que ahora justamente, cuando pensaba que todo iba de mal en peor llega a mis manos un proyecto que puede darle vuelta a todo?
Hoy era el cumpleaños de Rose, asi que disfrutamos muchisimo y nos acabamos de comer un bizcocho de Las Leñas, quien venga a Bávaro debe cruzar por alla, excelente repostería.
