Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Datos de búsqueda

Archive for enero, 2010

CSS: imágenes con bordes redondeados

Fecha de publicación: 2010/01/28

Hay ocasiones en las que nos encontramos maquetando diseños en los que aparecen imágenes de las que tenemos la certeza que van a ser publicables en el sitio definitivo.

Hay dos vías para que la imagen lleve los bordes redondeados:

  • Editar cada imagen que se vaya a publicar: es muy costoso a largo plazo.
  • Hacerle las esquinas redondeadas por CSS y que funcione hasta en Internet Explorer 6.

Voy a exponer la segunda solución, hacerlo por CSS.

Leer el resto del artículo

Datos del artículo:

Opera Mini: evolución de uso en Europa 2008-2009

Fecha de publicación: 2010/01/21

La gente de Opera tiene un interesante sitio en el que publican las estadísticas de uso de su navegador Opera Mini (sitio externo, en inglés).

Hace algunos meses publicaron la evolución de los diez países de Europa (más Turquía) en los que mayor uso hay de Opera Mini entre agosto de 2008 y agosto de 2009, incluyendo los sitios más visitados y los móviles más utilizados.

Leer el resto del artículo

Datos del artículo:

Nieve en Madrid

Fecha de publicación: 2010/01/19

Hace una semana (11 de enero de 2010) saqué algunas fotos de la nevada en Madrid:

Datos del artículo:

Desactivar Javascript en Internet Explorer 6

Fecha de publicación: 2010/01/14

Desactivar Javascript en IE 6 es sencillo, tan solo hay que seguir los siguientes pasos:

Leer el resto del artículo

Datos del artículo:

Propiedades CSS de opacidad o semitransparencia: opacity y filter

Fecha de publicación: 2010/01/12

Para que un elemento no sea del todo opaco, que tenga una semitransparencia, se utiliza la propiedad CSS opacity. Por ejemplo, para una opacidad del 50%:

.opacidad {opacity: 0.5;}

Leer el resto del artículo

Datos del artículo:

HTML 5: Atributo placeholder

Fecha de publicación: 2010/01/09

Actualizado 2011-03-30: nuevos navegadores con soporte.

Resulta muy habitual encontrarse con campos de texto que contienen un valor por defecto que ayuda al usuario a comprender que información debe introducir en dicho campo. El comportamiento habitual es que cuando el usuario activa el campo el texto desaparezca.

Este es el estado antes de activar el campo y una vez se desactiva sin haber introducido datos:

Atributo placeholder (campo inactivo)

Y este es el estado del campo activado antes de haber introducido información:

Atributo placeholder (campo activo)

Para obtener ese efecto es necesario el uso de Javascript, pero con HTML 5 eso se va a terminar.

Leer el resto del artículo

Datos del artículo:

CSS: modo de empleo de la propiedad z-index

Fecha de publicación: 2010/01/04

Hace ya dos años y medio escribí acerca del uso de la propiedad z-index. La explicación no era todo lo correcta que debía ser, y la explicación que daba no era precisamente brillante. Espero mejorarlo en esta ocasión.

Leer el resto del artículo

Datos del artículo:

Internet Explorer 5.5, 6, 7 y 8 simultaneamente, incluso en Windows Vista/7

Fecha de publicación: 2010/01/02

IE Tester

Las diferentes versiones de Internet Explorer han ido mejorando poco a poco su interpretación de los estándares web. Pero como no todos los usuarios actualizan su Internet Explorer aun quedan muchos de ellos con IE6 e IE7. Y como Microsoft solo permite tener instalada una sola versión de IE se hace complicado hacer pruebas en tres versiones de IE.

Leer el resto del artículo

Información del sitio