« Inaudito! | Main | Galería de arte industrial »

Por fin llegó el rediseño

Después de batallar varios días con MovableType, por fin sale Duopixel Weblog 2.0. Esperamos que les guste.

La intención del rediseño fue ponerle un poco más de funcionalidad. Por ejemplo, prueben poniendo un comentario en este post para que vean la barra de progreso en acción. En la barra de la izquierda hay una sección de eventos en México para que no se les vaya a olvidar (todavía tengo que recolectar algunos eventos más).

Y por supuesto, no olvidemos el aspecto estético y de legibilidad. No sé a quién se le ocurrió meter en la plantilla de MovableType texto en Trebuchet en #666, es realmente molesto para leer en textos largos. Optamos por la más común pero también más legible Verdana en #333.

La intención también fue salirnos del modelo de cajas de CSS, no en el aspecto de código, sino en el visual. Las páginas normalmente son muy cuadradas con bordes muy definidos, y aunque esta página no rompe mucho el esquema, lo hace sutilmente. Kicksology es la página que me inspiró a hacerlo. Hay una integración de texto e imagen impresionante en esa página, y la fotografía es de primera. Otra inspiración este post de Collylogic en donde explica cómo hacer una lista con palomitas. Las imágenes fueron tomadas de Stock Xchange, con excepción de los lentes del banner de arriba. Eventualmente ciclaré imágenes allá arribita.

Esperamos que les guste, sabemos que todavía tiene errores, en especial links ciegos, los vamos a ir corrigiendo poco a poco.

Comentarios

Mark escribió:

Se me olvidó mencionar: los links parpadeantes me los saqué de la manga,

adrmx escribió:

Ah no manches los links parpadeantes si estan chidos, a ver si pones un tutorial no.
Por cierto la caja de texto donde escribes los comentarios se sale del cuadro que la contiene, uso Firefox, no se si tenga el problema en otros.

mark escribió:

Ya quedó el problema del campo de texto en Firefox. En Safari se veía bien.

ita escribió:

oye pero yo quiero que cuando le pique ahi donde dice "Mark escribió" salga algo, no se, una foto tuya haciendo algo extraño como saltando la cuerda o algo asi. tus links parpadean ¡pero desaparecen! Jelicidades, esta muy cookie e nuevo blog.

mark escribió:

Desaparecen? No deberían desaparecer! Tal vez estés utilizando el explorer 5. Las páginas de los autores todavía no las hacemos, algún día estarán.

arturo escribió:

Aaaandale muy bien muchachitos, mi template de typepad simplemente se muere envidia... de la buena por su p...

Mmmm el icono de comentario sale arriba de la palabra comentario en mi mac usando explorer 5.2.3

Firefox... sin broncas, clean, clean... a huevo.

Ahhh que wey... deveras los links parpadeyan rechido ;)

Alphar escribió:

Gracias por tantos comentarios tan buen pexx,

sosa escribió:

No maaaanches que perrisimo les quedo este diseño. Se colgaron todo mundo está rediseñando y a mi mi diseño me gusta cada vez menos... luego que porque uno lo cambia cada tres meses.
Neta que perro eso de los links parpadeantes... no se que opinaria Mr. Jakob de eso.. pero a quien le importa, se ve chido.

mark escribió:

Muchas gracias por los comentarios Sosa. La neta viniendo del maestro del css en México y uno de los pocos latinos en CSS Zen Garden, nos importan bastante. Todavía estamos puliendo los detalles entre browsers y las páginas inexistentes.

Lo de los links parpadeantes son la cosa más fácil del mundo, estoy seguro de que alguien ya lo ha implementado en algún lugar. La ironía es que yo mismo no los puedo ver porque mi browser de preferencia es el Safari, el cual no los despliega animados (se ve el fondo rojo con las letras blancas). Al ratito posteo un tutorial.

Y sí, entra en la categoría de "se ve chido, pero no sirve para ni madres".

Pablo escribió:

Probando la barra de comentarios en proceso. Why not?

  •