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.

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.

De la comunicación con el cliente

Ponte en el pellejo de tu cliente. Si tratas de explicar a alguien no técnico por qué debería usar MySQL en lugar de archivos de texto, o PHP en lugar de ASP, seguramente no conseguirán entenderlo. Imagina que cuando usas términos tecnológicos tu cliente escucha algo como esto:: Usamos el mejor γλώσσες προγραμματισμού, y estamos en posición de ofrecr un gran υποστήριξη με τη χρήση καινοτόμων τεχνολογιών όπως η μπλα μπλα και η μπλα μπλα που μας επιτρέπει να ενσωματώνουμε μηχανισμούς ασφαλείας.
Correct, les suena todo a griego ;) En lugar de tecnología y metodología, intenta hablar de beneficios y resultados. Esto es lo que realmente necesitan escuchar, es lo que escucharán y es lo que debes suministrarles.

De 24 Freelancing tips (or the alphabet of a freelancer). Me ha encantado lo de usar el griego para el ejemplo.

Zaragoza está llena de gente interesante

Y lo ha estado desde hace tiempo, pero ahora parece que se va reconociendo cada vez más. Hace ya algunas semanas, el Queru fue elegido presidente de Hispalinux y nos lo contaba en queru 4 president.

Ahora le toca el turno a Daniel Torres, que ha sido elegido presidente de la Asociación Española de Profesionales de la Usabilidad. Nos lo cuenta en Asociación Española de Profesionales de la Usabilidad.

Pues eso, que enhorabuena a los dos, que bien lo merecéis después de tantos años de trabajo.

TED

Hace ya bastante, y no recuerdo como, descubrí TED: Technology Entertainment Design. Se trata de una conferencia anual a la que asisten los grandes genios que están a la cabeza de la innovación hoy en día. Para los que no estamos en la élite, podemos ver las charlas en vídeo.

Entre los ponentes se encuentra gente como Nicholas Negroponte, Al Gore, Richard Dawkins, Jimmy Wales,… y un buen montón de gente que no conocía, pero que tiene historias apasionantes que contar.

Las charlas están disponibles en ideo y audio en TEDTalks, así como en formato podcast (creo que es cada dos semanas cuando suben un par de vídeos nuevos).

  • Ben Saunders – se fue sólo hasta el ártico, y está aquí para contarlo
  • Aubrey de Grey – enfoca la muerte y el envejecimiento como u problema de ingeniería y asegura que seremos capaces de vivir durante siglos
  • Eva Vertes – apasionada por la medicina desde los 9 años aporta un nuevo enfoque a la investigación del cáncer
  • Nicholas Negroponte – hablando del portátil de $100
  • Larry Brilliant – colaboró en la erradicación de la viruela y comparte sus experiencias

Además de esos, recomiendo enérgicamente los últimos 6 vídeos que aparecen en TEDTalks.

En total habrá unas 17 horas de vídeo, pero si estáis aburridos estas navidades es mucho más interesante en inspirador que la programación televisiva.

Diseñar mal una página ‘web’ puede matar

Un estudio científico asegura que los sitios mal concebidos pueden causar trastornos en el sistema inmunológico, cardiovascular y nervioso de los usuarios

No podría estar más de acuerdo. Tanto, que no voy a cambiar ni una coma:

Alguien debería realizar un estudio sobre la utilidad de determinados… estudios. El último con el que nos desayunamos asegura que los sitios web mal diseñados pueden causar trastornos inmunológicos, cardiovasculares o nerviosos. Bien, estos últimos parecen claros, pero los dos primeros no lo están tanto. El síndrome de la rabia del ratón parece estar definido por síntomas como la aceleración del pulso, la sudoración o el cliqueo sin pausa del ratón. Según un estudio del centro de investigación de asuntos sociales del Reino Unido, realizado a 2.500 personas, este síndrome lo causa Internet en general. Pero si nos metemos en causas particulares, la más dañina (dicen) es el mal diseño de algunas páginas. En fin, no queremos hacerte responsable de la muerte de nadie, pero si eres webmaster por favor: haz que tu página cargue rápido, que los menús sean sencillos, y evita los anuncios estridentes. Puedes salvar vidas.

Leído en: Diseñar mal una página ‘web’ puede matar
Artículo original en inglés: Are you suffering from ‘Mouse Rage Syndrome?

Ponte en el pellejo de otro: desactiva Javascript por un día

Nos cuentan en Walking in others shoes: Turn JavaScript off for a day:

La gente habla a menudo acerca de ser capaces de ponerse en la piel de otra persona. A los hombres les gustaría ser mujeres por un día, a algunos les gustaría ser jugadores de fútbol, etc.

En nombre de la accesibilidad, qué tal hacer un pequeño experimento y desactivar JavaScript por un día.

Probablemente encontrarás un montón de sitios importantes que no funcionen. Muchos serán inusables (enlaces que no funcionen, aspecto incorrecto), y algunos serán usables parcialmente.

Los pocos buenos funcionarán como antes.

Pruébalo esta tarde. Puede que te lleves alguna sorpresa.

En Firefox se puede hacer visitando las preferencias -> Contenido -> Activar JavaScript

Preferencias Firefox

En principio, iba a avisar de que la campaña está orientada hacia desarrolladores webs, profesionales o no (cualquiera que haga o vaya a hacer una página web). Pero creo que en realidad no está de más que todos seamos un poco conscientes del tema. Tú podrás volver a activar JavaScript, pero un ciego no puede volver a activar sus ojos.