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.
Datos del artículo:
- Etiquetas: Bordes redondeados, Elemento IMG
- Publicado en categorías: CSS, Desarrollo web
- Comentarios desactivados en CSS: imágenes con bordes redondeados
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.
Datos del artículo:
- Etiquetas: Dispositivos móviles, Europa, Navegadores web, Opera, Opera Mini
- Publicado en categorías: Desarrollo web
- Comentarios desactivados en Opera Mini: evolución de uso en Europa 2008-2009
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:
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:
Datos del artículo:
- Etiquetas: Internet Explorer 6, Navegadores, Navegadores web
- Publicado en categorías: Desarrollo web, Javascript
- Comentarios desactivados en Desactivar Javascript en Internet Explorer 6
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;}Datos del artículo:
- Etiquetas: Internet Explorer, Propiedad filter, Propiedad opacity, Propiedades CSS
- Publicado en categorías: CSS, Desarrollo web
- Hay 2 comentarios
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:
Y este es el estado del campo activado antes de haber introducido información:
Para obtener ese efecto es necesario el uso de Javascript, pero con HTML 5 eso se va a terminar.
Datos del artículo:
- Etiquetas: Atributo placeholder, Atributos HTML, HTML 5
- Publicado en categorías: Desarrollo web, Javascript, XHTML
- Hay 3 comentarios
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.
Datos del artículo:
- Etiquetas: Propiedades CSS, z-index
- Publicado en categorías: CSS, Desarrollo web
- Comentarios desactivados en CSS: modo de empleo de la propiedad z-index
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.
Datos del artículo:
- Etiquetas: IEs4Linux, Internet Explorer, Internet Explorer 5.5, Internet Explorer 6, Internet Explorer 7, Internet Explorer 8, Máquinas virtuales, Windows, Windows XP Mode
- Publicado en categorías: Desarrollo web
- Hay un comentario