Archivos para Abril 2009

Truquillos de desarrollo web y programación #1: cambiar el cursor del ratón mediante CSS

Muchas veces, durante mi trabajo como desarrollador web y programador, he necesitado solucionar pequeños problemas relativamente simples de los que no recordaba su solución exacta o que desconocía y necesitaba conocer. Imagino que a la mayoría de los que nos dedicamos a esto nos ha ocurrido muchas veces, y hemos tenido que recurrir a San Google, responsable de gran parte de los conocimientos adquiridos a lo largo de nuestra etapa de estudiantes y de currantes. Con todo esto, he pensado en crear una sección en el blog que recopile los diferentes “truquillos” de desarrollo web y de programación que me vaya encontrando por el camino y que crea que pueden ser curiosos y útiles para la gente.

El primer truquillo del que quiero hablar es el de cambiar el cursor del ratón en una página web utilizando CSS. Para ello, utilizaremos la propiedad CSS cursor. Si hemos modificado la propiedad cursor de un elemento HTML de la página con CSS, al pasar el ratón por encima de dicho elemento el cursor cambiará al que le hayamos indicado en la propiedad.

Los posibles valores que podemos dar a la propiedad cursor son los que se listan a continuación. Se puede comprobar el efecto de los diferentes valores pasando el ratón por encima de su recuadro.

cursor: auto;

cursor: default;

cursor: none;

cursor: help;

cursor: pointer;

cursor: progress;

cursor: wait;

cursor: crosshair;

cursor: text;

cursor: vertical-text;

cursor: alias;

cursor: copy;

cursor: move;

cursor: no-drop;

cursor: not-allowed;

cursor: e-resize;

cursor: n-resize;

cursor: ne-resize;

cursor: nw-resize;

cursor: s-resize;

cursor: se-resize;

cursor: sw-resize;

cursor: w-resize;

cursor: ew-resize;

cursor: ns-resize;

cursor: nesw-resize;

cursor: nwse-resize;

cursor: context-menu;

cursor: cell;

cursor: col-resize;

cursor: row-resize;

cursor: all-scroll;

También existe la posibilidad de indicar un cursor personalizado con la propiedad cursor, indicando como valor url(cursor.cur);, siendo cursor.cur la url del fichero con nuestro cursor personalizado. En el estándar no se especifica nada sobre el formato del fichero de cursor, se pueden utilizar por ejemplo cursores en formato CUR (similar al formato ICO) y en formato SVG.

Para más información sobre la propiedad cursor de CSS podéis mirar en la descripción de la propiedad cursor en el texto sobre el estándar. Espero que os sea útil.

Descargar Ubuntu 9.04 sin esperar

jj1Ya han pasado algo más de seis meses desde la última entrada que dejé en el blog. Para retomar nuevamente el hábito de escribir, voy a empezar con una entrada similar a la última que puse: enlaces para poder descargar la última versión de ubuntu sin tener que esperar a que se coloque el enlace oficial en la página de Ubuntu.

Los servidores europeos de los que se puede bajar la imagen del nuevo Ubuntu son:

http://es.releases.ubuntu.com/9.04/ubuntu-9.04-desktop-i386.iso

http://releases.ubuntu.com/9.04/ubuntu-9.04-desktop-i386.iso

http://se.releases.ubuntu.com/9.04/ubuntu-9.04-desktop-i386.iso

http://nl.releases.ubuntu.com/releases/9.04/ubuntu-9.04-desktop-i386.iso

La suma MD5 de la versión es la siguiente:

66fa77789c7b8ff63130e5d5a272d67b

En el momento en el que salga la versión oficial actualizaré la entrada confirmando si la suma MD5 de la versión alojada en estos servidores es la misma que la versión “definitiva”.

¡A descargar!

Actualización: la suma MD5 es correcta!