Por cortesía de queru:

Me ha dejado sin palabras.

 

La web de mi empresa no necesita microformatos, eso es para sitios grandes. ¿Has escuchado o dicho esto alguna vez? La gran ventaja de los microformatos es que cuesta poco usarlos y no molestan.

Hoy he implementado algunos microformatos en la web de Warp. No es una web que interaccione mucho con el usuario, ni tenemos perfiles de usuarios, pero ya veréis como se pueden usar.

En concreto he usado hCard, para la dirección de la empresa en el pie de página, y hCalendar, para el listado de Cursos MySQL.

Para probar el funcionamiento de estos microformatos podéis instalar la extensión Operator para Firefox

hCard

En el pie de la página tenemos la dirección de la oficina. Vista en HTML era un párrafo normal.

<p>&copy; 2005-2007 Warp Networks S.L - C. Don Jaime I 33, 3º Dcha, 50003 Zaragoza, España</p>

Ahí tenemos información interesante para poner en la agenda o para ver en un mapa:

<p>&copy; 2005-2007
  <span id="" class="vcard">
    <span class="org">Warp Networks S.L.</span>
    <span class="adr">
    <span class="street-address">Don Jaime I 33, 3º Dcha</span>
    <span class="locality">Zaragoza</span>
    ,
    <span class="postal-code">50003</span>
    <span class="country-name">España</span>
  </span>
</p>

hCalendar

Buscando un poco más, uno se da cuenta de que el listado de cursos MySQL no deja de ser un “calendario” en forma de lista. Seguro que a quién se apunte a un curso le interesa añadirlo a su calendario. ¿Por qué no facilitar las cosas?

Al igual que antes, la estructura anterior de cada curso era bastante sencilla:

<tr class="course_instance">
  <td>
    Del 03 de Diciembre al 05 de Diciembre en Zaragoza
  </td>
  <td class="price">900 €</td>
</tr>

Y tras un poco de magia hCalendar:

<tr class="course_instance">
  <td>
    <div class="vevent">
     <a class="url" href="/cursos/show/4">
       <span class="summary">MySQL 5.0 High Availability (Diciembre)</span>
      </a>
      Del
      <abbr class="dtstart" title="2007-12-03">03 de Diciembre</abbr>
      al
      <abbr class="dtend" title="2007-12-05">05 de Diciembre</abbr>,
      en <span class="location">Zaragoza</span>
     </div>
  </td>
  <td class="price">900 €</td>
</tr>

En este caso, el contenido hay cambiado ligeramente: he añadido de nuevo el nombre del curso junto con el mes a modo de resumen. Esto será útil a la hora de importarlo a un calendario. Como no queremos que se vuelva a mostrar en la web lo ocultamos con CSS

.course_instance .url {
  display: none;
}

Después de esto es bastante sencillo añadir el curso a un calendario.

Como se puede comprobar, no cuesta tanto implementar los microformatos y las ventajas son interesantes. Además, no necesitamos la extensión Operator (u otra tecnología nueva) para poder usar el sitio, simplemente nos ofrece una funcionalidad extra.

Así que ya sabéis, no tenéis excusa para no usar microformatos.

 

Cada vez estoy más convencido de que las grandes innovaciones son las que menos se perciben, al menos directamente. Esa clase de detalles que, si no estuvieran nos irritarían más o menos, pero que pasan desapercibidos cuando las cosas simplemente funcionan.

Foto de escapist

La semana pasada, durante el Fundamentos Web me alojaba en el Hotel Tryp Rey Pelayo. Es uno de esos hoteles en los que tienes una tarjeta para abrir la puerta, y además tienes que introducir la tarjeta en una rendija para que se encienda la luz de la habitación.

La segunda noche me di cuenta de que encima de cada puerta había una luz de color verde que se apagaba en el momento que introducías la tarjeta para encender la luz interior. Una manera muy ingeniosa de evitar ser molestado por la mañana sin tener que recurrir a los típicos carteles de No Molestar.

 

Resulta que “etc” es el tercer libro en España. Y yo sin haberlo leido

 

Seguro que todos aquellos que os comunicáis frecuentemente por correo electrónico, en el trabajo o en listas de correo, habéis sufrido más de una discusión por e-mail.

Normalmente y dado el carácter más impersonal del correo electrónico, uno tiende a decir cosas que quizá no diría en persona, o contestar furioso antes de contar hasta diez. Una de las cosas que ayudan bastante podéis verla en la siguiente captura:

En mi caso es Apple Mail, pero supongo que la mayoría de clientes de correo permiten añadir una foto a vuestros contactos. Buscad una foto de vuestros compañeros de trabajo, o aquellos con los que discutáis más a menudo y asignadla a su dirección de correo (en caso de mac, al contacto en la Agenda). Aseguraos de que sale sonriendo, con algún gesto entrañable, o simplemente alguna imagen que os recuerde algún buen momento que hayáis pasado juntos.

A mi me funciona bastante bien.

 

Más de una vez he comentado por aquí que Zaragoza está que arde: zaragozame se constituye como empresa, otra start-up maña presenta setMEblue, nuestra eBox junta a una gran junta directiva, y para rematar hoy presentamos soymaño.

Ya hacía años que echaba de menos una agenda cultural de la ciudad, y saber qué posibilidades me brinda la ciudad en una tarde aburrida. Así que cuando las autoras del soymaño me comentaron la idea, lo vi como una apuesta segura.

De momento, tiene formato de blog donde se irán introduciendo los eventos más interesantes que tengamos en Zaragoza, pero tenemos muchas más ideas en la cabeza. Sólo es cuestión de tiempo

 

En realidad ha pasado ya un mes desde que volvimos de nuestras vacaciones, pero no he subido las fotos hasta hoy. Aunque voy aprendiendo y hago menos fotos y borro las que salen mal, el tiempo para decidir cuales publicar, retocarlas y subirlas es considerable.

Estuvimos una semana y pudimos visitar la Biennale y darnos un paseo junto a la alfombra roja de la Mostra. No vimos a Tarantino, pero seguro que andaba cerca

Venecia es una ciudad bonita, pero el trazado de las calles parece que ha sido diseñado por un psicópata que quería que todo el mundo se perdiera. Yo me suelo orientar bien, peo en Venecia es muy fácil perder el norte. Los mosquitos eran salvajes, pero se compensaban con los sabrosos y baratos helados.

Las fotos, en flickr: Venecia 2007

 

Ya conté que nos íbamos, ahora de vuelta mirando atrás tengo que decir que ha sido genial. La gente, la comida, la sidra, todo.

Huba charlas muy interesantes como la de Jeffrey Veen (Design Manager de Google y co-fundador de Adactive Path), Jeremy Keith (Clearleft y escritor de Bulletproof Ajax y DOM Scripting), así como representantes de Nokia, Adobe, Flickr, last.fm, Opera, Mozilla, Konqueror y el W3C.

Si queréis saber más, Dani Torres estuvo haciendo crónica en directo. También dejo unas cuantas fotos mías y las de todo el mundo