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:

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).

Y bueno, aquí les dejo a mi bebé. El primer theme que hago para Wordpress y el que utilicé durante 5 meses. ¿Por qué lo he liberado? Pues simplemente porque ya no lo voy a usar yo, y mi trabajo me costó, no tiene caso desperdiciarlo. Además, quiza a alguien le guste lo suficiente como para considerarlo para usarlo en su propio blog (lo cual me halagaría muchísimo). El theme es un diseño simple y limpio con contrastes bastante definidos lo cual le da un aire de vida y elegancia a la vez (o al menos eso intenté). Se ve MUCHO mejor cuando el blog tiene mucho contenido; así que si lo ven algo simple al principio denle tiempo de crecer y verán que les gusta.

Después de un buen rato trabajando, al fin he "terminado" con el nuevo diseño. Digo "terminado" porque faltan detalles que afinar y usaré sus comentarios, críticas y/o mentadas de madre para mejorar el nuevo diseño. Como les mencioné antes, lo he llamado "Rediscover your Head" (supongo que no tengo que explicar por qué...). Quiza a muchos no les guste, a otros si y unos cuantos dirán que les da igual; pero para mi el cambio es para bien. Tengo más espacio para los tutoriales, la información se ve más organizada y lo siento más accesible (el diseño se ve perfecto hasta en IE5 ). El único "problema" que le veo es la gente que no le gusta darle scroll para llegar al contenido. Para ellos he puesto un link para saltar directo al contenido con un solo click; fue lo más que pude hacer por ustedes.

Quise escribir esto ahora antes de que se me olvide ponerlo antes. Tomenlo como la voz de la experiencia: Wordpress + IE6 + Acentos en los comentarios de CSS = MALO. Llevo cerca de 5 horas peleandome y rompiendome la cabeza con el rediseño. ¿La situación? IE6 ignoraba completamente el código CSS que debía aplicar a un contenedor. El código XHTML era correcto, el CSS también; Firefox, Opera, IE7 lo mostraban correctamente. Incluso el archivo index.html que contenia el layout (sin pasar a Wordpress) era mostrado correctamente. ¿Qué estaba mal? IE6 - parecía ignorar qué hacer con ciertos divs y uls que tenía en el diseño. Y fue hasta hace unos 5 minutos que dí con la solución. Y para dar con la solución, primero hay que dar con el problema:

¡Geniales noticias que me manda Keko! Al parecer, el diseñador web de su asociación ha creado una página bastante llamativa utilizando mi tutorial para crear un menú circular como inspiración. Me parece que ha hecho un excelente trabajo y es un perfecto ejemplo de una página que se sale de lo común sin sacrificar la accesibilidad y los estándares; lo cual era el objetivo desde el principio. ¡Gracias por tu mail, Keko!

En verdad es genial saber que mi trabajo no fue echado en saco roto y que hay gente que le encuentra un uso.

Aprovecho también para avisaros que trabajo en el re-diseño. Pronto estará listo. Pero quiero trabajarlo bien y que funcione en la mayor cantidad de navegadores posibles. Ustedes disculpen la carencia de posts nuevos. ¡Un saludo!

Después de poner una imagen bastante... sencilla de la idea que tenía en mente para un rediseño del blog, me he dado a la tarea de ahora si, modificarlo cual debe. Al final, lo que salió fue esta nueva imagen que espero sea de su agrado. Ahora si, les pido de favor que me digan qué les gusta más, si el diseño actual o el de la imagen.

Sinceramente, el rediseño de Infected-FX me ha parecido un excelente cambio... tanto así, que me hizo ponerme a analizar mi propio diseño y llegar a la conclusión a la que siempre llego en esto casos: no me gusta mi diseño. Es por eso que estoy pensando en cambiarlo. La imagen de arriba es sólo un preview muy beta de algo que se me ocurrió y que hice en como 20 minutos; pero da la idea principal de lo que quiero lograr.

Pero como todo buen cambio; siempre hay quien prefiere lo viejo y hay otras personas que gustan más de lo nuevo. Es por eso que mejor quice preguntar. ¿Qué opinan de un rediseño de metal.ize? ¿Es muy pronto? ¿Se ve bien el que tenemos o les gusta más la idea de la imagen? Diganme cosas, para no hacer alguna tontería (como suelo hacer >_<).

Por cierto; si cambio de theme, el actual lo liberaré. Para que, si alguien más gusta de el, pueda usarlo.