display: NONE

CTO de Bitacoras.com

Gestión de tiempos en un proyecto web

Luis Sacristán Pascual en TwitterPoster con fecha 08/noviembre/2007 - 2 comentarios
Etiquetado con: ie, css, opacity

A la hora de desarrollar un proyecto es necesario estimar correctamente los tiempos de desarrollo, algo que en muchas empresas (sobre todo las consultoras) es algo que se hace a la inversa: el comercial ha decidido que se entrega en tal fecha, tengo tantos desarrolladores, pues tendrán que tardar tanto tiempo, o también conocido como: "este proyecto es muy importante, va a haber que echar horas".

¿Por qué hablo de esto? porque soy pelín criticón y porque creo que los analistas deberían calcular el tiempo empleado en que las cosas funcionen para Internet Explorer y añadirlo como una tarea más.

Ayer añadíamos la posibilidad de buscar alias desde la URL, el efecto desde el buscador se hace mediante Javascript (Mootools), pero al hacerlo inicialmente le debemos añadir una clase para que tome el efecto de transparencia.

La transparencia según el estándar de la W3C se hace mediante la propiedad opacity:

.transparente {
  opacity: 0.5; /* transparente al 50% */
}

Mientras que IE hace lo que le da la gana, para variar, y usa la propiedad filter:

.transparente {
  filter:alpha(opacity=50); /* transparente al 50% */
}

El que se pase los estándares por donde le dé la gana está mal, pero la cosa no acaba aquí, a veces es necesario indicar el width o el height para que la transparencia se tome en cuenta, pero claro, hay elementos que tienen la propiedad display: inline que no tienen ancho o alto, por lo que se le debe asignar el valor block para que el ancho tenga efecto y a su vez la transparencia.

Señores de IE, una chapuza es una chapuza da igual quien la haga y lo importante que sea su empresa, IE6 es una chapuza, con IE7 prometieron la revolución en la navegación (o el copy/paste de ideas), que la nueva versión iba a ser fiel a los estándares, pero seamos sinceros, IE fue y sigue siendo una gran chapuza y nosotros los desarrolladores web la tenemos que sufrir a diario.

Comentarios

¡ AMEN !

En cada web que me toca hacer, paso un 20% del tiempo programando, un 20% diseñando, y un 60% intentando que se vea igual en todos los navegadores ayoritarios... y fracasando miserablemente.

Respecto a este problema concreto, yo utilizaría algún "hack" en el css para implementar ambas opciones, y punto, o hacerlo del lado cliente, que ahorrará mucho código redundante (class='x'...), es decir, en el evento load del DOM, un js que haga :

Para la tabla #thumbs -> buscar todas las imágenes -> fijar el opacity a 0.8 (mootools se encarga de las diferencias entre navegadores) -> Buscar las imágenes "resultado" - Fijar opacity a 1

Quick and Dirty, pero eficaz, reduces código html (menos tiempo de carga) y eres "multibrowser".

Just my 2 cents, un abrazo !

MarcosBL | 08-11-2007 14:59:55

Hola Marcos.

Lo más desesperante no es tener que cambiar las cosas para que se vean bien en todos los navegadores, lo peor es intentar entender por qué algo que según debería funcionar en IE no funciona, horrible.

Saludos

Luis | 10-11-2007 02:19:02

Comentar


Categorías

Estadísticas

  • 431 días on-line
  • 56 anotaciones
  • 20 comentarios
  • 4 referencias


Bitacoras.com