más que HTML desarrollo web con estándares

Accesskey en Opera

Publicado el 28 de febrero de 2010 en: Accesibilidad

Teclado

El atajo de teclado para las accesskey, en los principales navegadores, suele ser Ctrl o Alt + accesskey (un listado completo). En cambio, en Opera la combinación de teclas es Shift + Esc + accesskey.

Aunque en un principio puede parecer más complicado, al tener que pulsar una tecla más, tiene dos ventajas fundamentales:

Para Firefox existe una extensión, View Accesskeys, para acceder a las accesskey con Shift + Esc, al igual que en Opera, aunque es una extensión expermiental (por ejemplo no funciona en Ubuntu).

Conflictos entre date_format de MySQL y sprintf de PHP

Publicado el 13 de febrero de 2010 en: PHP

PHP

Un fragmento de código de este tipo:

sprintf (SELECT DATE_FORMAT(fecha, '%d') AS dia FROM tabla WHERE nombre=%s, $name);

Devuelve un error de PHP, ya que se interpreta %d como un parámetro de sprintf, cuando en realidad lo es del date_format de MySQL. Afortunadamente, la solución es muy sencilla.

Para que PHP no interprete el símbolo % como un parámetro de sprintf, debemos indicarlo con %%. Aplicado al ejemplo anterior:

sprintf (SELECT DATE_FORMAT(fecha, '%%d') AS dia FROM tabla WHERE nombre=%s, $name);

Más información

Transparencias en CSS3

Publicado el 10 de febrero de 2010 en: CSS

CSS

Con CSS3, disponemos de 2 propiedades para modificar la transparencia de un elemento: opacity y background: rgba

Opacity

Puede tomar valores entre 0 (totalmente transparente) y 1 (totalmente opaco). El valor de esta propiedad se propaga a los hijos del elemento en cuestión.

opacity: 0.5;

Internet Explorer no soporta esta propiedad, pero podemos obtener el mismo resultado con un filtro propietario.

Leer más

Degradados lineares sin imágenes

Publicado el 8 de febrero de 2010 en: CSS

CSS

Con la salida de la versión 3.6 de Firefox, los principales navegadores (Firefox, Safari e Internet explorer) ya soportan propiedades para hacer degradados lineares sin imágenes. Además, Google Chrome, al estar basado en Webkit, como Safari, es muy probable que lo haga próximamente.

En los navegadores basados en Gecko y Webkit, podemos hacer degradados con varios colores, en cualquier ángulo e incluso radiales. Lamentablemente, Internet explorer sólo permite degradados lineares entre dos colores, así que vamos a centrarnos en ese caso.

Leer más