metal.ize

La entrada anterior les comentaba, muy brevemente (tuve que salir corriendo, se me hacía tarde) mi experiencia con el IE y algunos ejemplos de páginas que no funcionaban bien en IE8. Ya que llegué a mi casa, frustrado, intento descubrir las razones del por qué. Este va a ser un post de "errores" (digo "errores" porque tal vez no lo sean y todos los demás navegadores esten mal... ja, lo dudo) que encuentro en el IE8.

Cabe destacar que todos los problemas que aquí describo suceden ÚNICAMENTE en IE8. Todos estos errores los he probado en Opera (Navegador que también pasa el acid test 2) y no existen en este, por tanto, tomo como culpable a IE8. Por ahora los dejo con dos bugs sólamente:

Pff... Ahora si que he estado desaparecido mi gente. Me disculpo, pero he tenido un periodo de mucho estrés, sustos, trabajo, gastos... en fin. Me ha sido imposible postearles algo por aquí. Pero heme aquí, haciendo un tiempesito para revivir el blog un poco.

Cansado de ver muchas prácticas poco aconsejables (y que, honestamente, hasta hace poco yo también cometía) y como la excusa perfecta para darles a conocer que sigo vivito y coleando (aunque aún sumamente ocupado), he decidido escribir sobre los 8 grandes errores del diseño web actual. Estas son prácticas que el mundo de la web 2.0, los estándares web y, por sobre todo, la idea de separar la presentación del contenido nos han metido en la cabeza y la mayoría de las veces las hemos seguido sin ponernos a pensar un poquito en las consecuencias.

Un mail del buen viciao2k3 me ha impulsado a escribir este post. Seguramente como diseñadores web les ha pasado que intentan hacer un layout con columnas y tienen sus fondos para cada columna y todo bello; pero al momento de ponerle el contenido te das cuenta de que las columnas no se expanden al mismo tiempo. Y te dices a ti mismo "Muy bien... iré a mi hoja de estilos y agregaré height: 100% a todas las columnas y ¡listo!" Y después de aplicar el cambio te das cuenta de que no es así. "¿Pero qué caraj..." Si si, conozco bien la sensación. ¡Pero no más! Aquí les pongo las tres técnicas infalibles para lograr ese tan deseado efecto y que varias veces ha sido llamado "el santo grial del CSS" (junto con el layout de tres columnas).

Después de publicar el meme de la validación del blogroll y leer los comentarios de algunos usuarios (especialmente diarioTHC) recordé que tenía desde hace ya tiempo ganas de comentarles cómo evitar los hacks que no validan en su CSS para Internet Explorer (que es el que practicamente abarca todos los hacks que conocemos).

La idea y razón es sencilla: menos código y siguiendo los estándares web.

Creo que este es el mejor meme(??) que he visto, y no podía venir de nadie más que del buen aNieto2K. Y bueno, la tarea es sencilla: revisar los enlaces de tu blogroll con la herramienta de validación de la W3C. Vamos a darle:

Platicando con el buen xmax hace algunos días me comentaba de una idea que tenía para modificar el HTML que actualmente conocemos. Su idea es básicamente poder crear tus propias tags (como con el XML) y usarlas dentro de tus documentos. Les dejo el archivo que me ha enviado (aunque creo que sería HTML 5 y no 4 como el le ha llamado, pero en fin ) y espero dejen sus opiniones. A mi me ha parecido interesante, pero una modificación tan grande sería un gran problema de compatibilidad además de eliminar completamente al XML del mapa.

Descargar archivo "Concepto HTML4"

Actualización

Puse mal el link... jo, mis disculpas. Ya está arreglado.

Últimamente he tenido MUCHÍSIMO trabajo (ahí la falta de tiempo para actualizar el blog :S una disculpa). En uno de los proyectos que tenía me encontré con un problema que de principio no debería estar ahí. Había un listado de características (una lista desordenada en HTML) que se repartía en 3 columnas. Si la lista tenía 3 columnas y 9 elementos, los primeros tres elementos estaban en la primer columna; del 4 al 6 en la segunda columna y del 7 al 9 en la tercera, de este modo:

Muy bonito ¿cierto? Pero codificarlo no es tan sencillo. El problema que tenía es que había diferentes listas con diferentes números de elementos y no quería extender mucho el CSS para manejar x número de listas; necesitaba crear un medio para poder manejar múltiples listas con diferentes números de elementos pero que todas siguieran más o menos el mismo estandar, las mismas clases.

Mañana 5 de Abril metal.ize y gran parte de la web (al menos la web que vale la pena ver) se desnudará completamente y mostrará su <body>. Como seguramente saben, el 5 de Abril se celebra el CSS Naked Day, osease, el día que quitamos los vínculos a nuestros CSS de nuestra web y dejamos la pura estructura a la vista. ¿El objetivo? Sencillo, promover los Estándares Web.