No necesitas ser flickr para usar microformatos

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

Warp footer

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>

Operator showing hCard

hCard in Google Maps

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?

hCalendar in MySQL courses

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.

Operator showing hCalendar

Import event

MySQL course in Google Calendar

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.

Hoteles que innovan

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.

No molestar
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.

Discusiones más efectivas con fotos alegres

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:

happy-mail.jpg

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.

Nace soymaño

soymaño

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.

Soy mañ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

Amedias estuvo en Venecia

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.

Dianas

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

Mostra

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.

Relax

Las fotos, en flickr: Venecia 2007

Fundamentos Web 2007, ya de vuelta

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.

Fundamentos Web 2007

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

Tenemos cámara: Canon MD110

Canon MD110

Como ya comentó Esther, hace unos días fue mi cumpleaños. Este año ha tocado esta estupenda cámara de vídeo, con la que espero grabar vídeos para amedias y para foocast.

La verdad es que no esperaba que esta clase de cámaras tuviesen tanta calidad. No es como el cine, pero me lo esperaba bastante peor. Para muestra, una Esther:

MD110 test video from Jorge Bernal and Vimeo.

Me está gustando bastante vimeo para subir los vídeos. Aparte de por la comunidad y el diseño, creo que es el único que he visto hasta ahora que te deja subir vídeos en formato panorámico sin redimensionarlos.