Al revolver el arcón de Time Machine encontré lo siguiente y quise compartirlo con vosotros!

arrivederci  y hasta el próximo post!

Estos premios, promovidos por Agestic, están dirigidos a empresas gallegas TIC, y se organizan en siete categorías. Hay muchos trabajos muy interesantes, muchos amigos entre los candidatos, y por lo que nos toca, hemos presentado nuestra master piece de 2010: Santiago Turismo.

Así que si queréis enteraros acerca de la movida TIC del noroeste peninsular, daros un paseo por los Premios Innova-G y votar vuestros trabajos favoritos.

ENLACE Premios Innova-G

Muy elegante. Un mundo lleno de pajaritos de papel… y su conversión a la nueva interfaz de twitter. Y por si quedan dudas que se trata del mundo real, elementos muy cercanos como frutas y verduras bien fotografiadas.

Recién salido del horno!

ENLACE Canal de twitter en YouTube

Además de todo eso, por el medio, salió una actualización de Safari. Y aunque no llega a ser un navegador popular (firefox e Internet Explorer siguen a la cabeza), se despega de los otros con un detalle que nos tiene intrigados a mas de uno en la oficina: el modo lector.

Un invento muy interesante a nivel accesibilidad. Y con accesibilidad no me refiero a cuestiones de discapacidad, sino a convertir en legible una web que por tanto banner, tanto adsense o lo que es peor, una hoja de estilo hecha sin tener en cuenta los ojos de los sufridos lectores. Si no usáis Safari, así se ve una web en modo lector.

A que es una chulada? Solo texto, bien maquetado. O mejor dicho: solo contenido, ya que si el texto tiene imágenes el modo lector lo enseñara. Y aquí la intriga a nivel desarrollo: que criterios usa la aplicación para identificar que el contenido es el que muestra y no otro?

En primate tenemos dos teorías:

1. Una serie de consultas, que apunten al DOM de la página en cuestión. Que identifique la mayor cantidad de <p> en el documento.
2. O puede que tenga una serie de nombres “comunes” de divs de contenido. WordPress,, por lo general, lo llamara content. Pero esta teoría se desarma cuando varias webs nuestras anteriores al lector, aparecen. Y el div se llama “contenido“, o “contido“. O principal. Bueno, no están muy lejos del content, la verdad…

La pregunta es: alguien en la sala sabe porque safari identifica un div como contenido? Es curioso que apple no diga nada, ya que es una cuestión a tener en cuenta a la hora de desarrollar. Si es por nombres de divs, que mas da llamarlos de un modo u otro.

En fin, mas allá de cuestiones de desarrollo web que algún día me gustaría saber, el lector me parece de lo mas destacado del nuevo Safari, y se diluyó por el html 5 y demás features. El tema de leer la fuente con claridad, de poder aumentarla, imprimir, enviar por correo. Es como si el iBook hubiera pasado al Safari.

Hay algo en los gifs animados. Una pureza, una honestidad… esos pocos bits tan optimizados, esos loops que en su esencia son tan toscos, pero nos sugieren una vuelta a los inicios… En fin, que los que llevamos años en esto, que alguna vez nos peleamos con programas como GifAnimator o peores para lograr una ilusión de movimiento, estas webs nos pueden y mucho

Y ya puestos, los gifs animados remiten directamente al inicio, a la génesis de la imagen en movimiento. Que sí, que cualquier animación tiene “algo” de los inicios, pero la limitación del gif animado lo ubica al nivel del zoótropo.

Es un proyecto comisionado por Elisava, Escola Superior de Disseny, donde la historia comenzó con 56 gifs animados diseñados por los Johny Kelly y Matthew Cooper y ahora mismo abrieron el juego para que cualquier los genere dinámica mente en su web. Sea cargando ficheros, sea capturando con la cámara del ordenador… Un sistema muy currado, intuitivo y fácil. De hecho acabo de hacer uno muy simplón, por no decir a las claras “feo”, por probar la aplicación. Y va muy bien.

Viene con extras: compartir cada gif, screensaver para mac y pc… el proyecto tiene su twitter actualizado. Y por si esto fuera poco, un golpe directo al corazón: probado el modo de visualización Muybridge de los gifs animados. Si señor, acertadísimo nombre del modo, ya que remite al mísmisimo Eadweard Muybridge, que sin sus investigaciones de fotografías de caballos en movimiento no estaríamos viendo Avatar con gafas 3D en estos tiempos.

ENLACE I AM NOT AN ARTIST | VIA @Quenerapu

Si hiciera un ranking de cuantos VIA llevan los amigos de SM, creo que ganarían. Total, que este año editaron un libro en su línea, donde se tratan todos los temas habituales del blog. Que sí, que suena contradictorio. Pero nada como tener una S naranja en nuestra estantería

ENLACE The Smashing Book is Released

A Collection of Useful Web Design Wireframing Resources recopila mucho, muchos enlaces con recursos de diseño web. Desde plantillas de photoshop con las medidas estandar de navegadores, pack de iconos típicos de Internet en EPS, muchos stencil de servicios famosos… hasta elementos de forms según plataformas.

ENLACE A Collection of Useful Web Design Wireframing Resources | VIA Smashing Magazine

No encuentro otra traducción mejor a Cheat Sheet. Porque el “hoja de trucos” literal no me convence. Me parece una chuleta, fundamental cuando nos asalta la típica duda de: que diferencia hay entre archives.php y archive.php?

Como ilustra la imagen: jerarquía de archivos, listado de para que sirve cada uno, ejemplos de como construirlos… en versión pdf para tenerlo a mano cuando nos toca diseñar plantillas wordpress. Que según pasa el tiempo, es un proceso demasiado frecuente por aquí.

ENLACE WordPress Template Designer CheatSheet | VIA Quenerapú

Me parece un ejercicio de diseño interesante. Muchas veces tenemos que diseñar funcionalidades que aún no funcionan, o comportamientos de una comunidad que aún “no se comporta”… Y en su lugar tomar la materia prima de una comunidad existente y potente como la de facebook para investigar herramientas de diseño orientadas al usuario. Mola.

Me pregunto si facebook tendrá una API que permita montar una aplicación de escritorio de este tipo. Mucho me temo que no. De momento podéis sumaros al grupo facebook facelift para apoyar la causa.

ENLACE Facebook Facelift | VIA @joanjimenez

Que usas para montar tu web? HTML? PHP? ASP?… Drupal? WordPress? Pues no: YouTube!

Impresionante planteo de una agencia de New York: BooneOakley. Va de montar una web utilizando solo YouTube. Las herramientas de enlaces dentro de un vídeo, los elementos propios de la interfaz… Hay que probarlo y usarlo, ya que la navegación se hace sin salirse de YouTube: saltos entre vídeo y vídeo.

Una estética DIY, de “andar por casa”, que se integra perfectamente al resto de elementos de la web de YouTube. Estética que luego se transformará a la hora de mostrar trabajos, y aún mantendrá el concepto. Por cierto: muy bien estructurado las secciones “dinámicas” del sitio, como noticias o incluso trabajos. Como son vídeos independientes, imagino que bastará con actualizar el fichero del vídeo en cuestión y así no se desarmaría la navegación.

Mientras lo veo pienso en el destinatario de esta “web sin web”. No es para el “mundo mundial”, ya que enseñado a quien no controla minimamente estructuras de webs y conoce YouTube, el chiste pasaría inadvertido. Imagino a directores de marketing que estarán hasta el gorro de los típicos portfolios de agencias y es en esos ambientes donde la idea funcionará a la perfección.

¿Alguien pensó en viralidad? ¿Quedan dudas? usando el soporte más viral de Internet, ya me contaréis.

ENLACE BooneOakley | VIA cuarto derecha