Desarrollando … get Firefox!

Desde hace unos cuantos días que estoy pegado rehaciendo algunos sitios web (todos, menos el mío), como el de Andrea, otros de uso interno y un proyecto de Planeta Blogs decente.

El problema es con la compatibilidad entre navegadores. Como en Linux solo tengo instalado navegadores basados en Gecko y con mis CSS Cheatsheet al lado juraba que todo iba a ser tan facil. MozillaAbrí mi vim (a ratos un emacs, gracias a Pedro) y vamos llenando cajones y aplicando estilos, todo muy bien hasta ahí.

Tan solo como rutina se me ocurrió conectarme remotamente al PC con Windows y ver que tal se veía todo con IE. Allí comenzaron los cabezazos, se veía horrible, nada como lo había diseñado pensando en Gecko. Por qué me preguntaba, si todo parecia estar bien, todo valida, todo encaja con las specs. IE del orto.

IE SuxOtra maravilla de IE que descubrí fue que el indentado afectaba el renderizado del código. Utilizando dos variantes de Feed Parser en los cuales diff no me mostró mas que diferencias de indentado en el código generado, el render era completamente diferente.

Asi que me aburrí, IE del orto hay que erradicarlo del planeta.Firefox Para hacerme la pega mas fácil, si estás viendo este sitio en IE (si y solo si estas viéndolo con IE, no otros Navegadores) te aparecerá una banda diagonal al estilo de MAKEPOVERTYHISTORY pero que te sugiere adquirir Firefox. Si quieres hacer lo mismo en tu sitio no tienes más que agregar las tres siguientes líneas en el código html justo después del tag <body>:


<!--[if IE]>
<script type="text/javascript" src="http://www.dewback.cl/ff/getfirefox.js"> </script><noscript><a href="http://www.getfirefox.com/"> http://www.getfirefox.com</a></noscript>
<![endif]-->

De esta forma si alguien te visita con IE, verá algo como la siguiente imagen:

Get Firefox

Enjoy.

Actualización: Había un pequeño error en el código, un espacio antes de el endif que provocaba problemas.

23 respuestas a Desarrollando … get Firefox!

  1. Holas:
    jejeje mmm… mi blog tambien se ve como las “tristes” en XXXplorer :/ pero “nimporta”… viva Firefox!!!
    Oye fresco!!! si copian ese codigo vas a sumar puntos tú por las descargas? JAJAJJAJAJAJAJAJJAJA o no has creado la cuenta en http://www.spreadfirefox.com? Tambien lo pueden descargar de mi sitio jejeje
    Ah… y tambien promocionemos ThunderBird al tiro no más :P

    Tarea del Dia: Descargar Firefox y ThunderBird del blog de Tyridium!!! es por una buena causa…

    Ya… mejor me voy a clases, ‘toy pelando el cable y eso que recien almorce JAJAJAJAJA

    Chauchas

    Andres

  2. Hola Fabian, antes que todo quería agradecerte por el servicio que das con “Planeta Blogs” ya que para mi como lector me ayuda mucho para seguir de cerca muchas bitacoras.

    Como leí que estas haciendole ajustes me gustaría preguntarte si es posible hacer una arreglo en como se muestran los feeds de Blogger, pues siempre estos en el enlace del titulo mandan a una dirección inexistente (Error 404) no como el resto que enlaza correctamente a la entrada.

    Quizas se pueda arreglar ese detallito.

    Saludos.

  3. Pilar: Lo hice una vez más pensando solo en IE para Windows. Aunque acabo de ver tu sitio y ni te cuento como se ve en IE … las columnas na seguida d ela otra y no paralelas. Puede ser otro el problema, voy a probar en una plantilla de blogger similar para ver que se puede hacer.

    Actualización: Ya probé y adivina … en todas las plantillas menos la tuya funciona la dichosa bandita (probando en un sitio de basureo en blogspot). Luego reviso que clase CSS se está pisando que desordena el layout. Elimínalo mientras reviso el error.

    Respecto a los enlaces del título del artículo en Blogger, creo que «siempre» es mucho decir. Es más acabo de revisar bastantes y no encuentro ninguno que me de un error 404 (son hartos, asi que obvio que me faltan, ¿me podrías dar un ejemplo?).

    Sí me he encontrado en el pasado con errores como ese, pero le echo la culpa al usuario o a blogger, que no reconstruye correctamente el sitio al publicar un nuevo artículo o cambiar plantilla.

    No hay nada que yo pueda hacer al respecto :S

  4. Fabian, acabo de darme cuenta que solo ocurre con los feeds del planeta y no en la página. Estoy usando bloglines y el feed RSS y todos los titulos de los blog “blogger” tienen enlaces como los sgtes:

    http://planeta.dewback.cl/tag:blogger.com,1999:blog-13775131.post-112515197949653873
    http://planeta.dewback.cl/tag:blogger.com,1999:blog-13044992.post-112515056249488808

    Los que llevan a un error 404.

    De todas formas el link que sale al pie de cada post enlza correctamente.

  5. Pilar, creo que seria lo mas aconsejable. O revisar linea por linea el codigo, tu decides ;)

    Juan, Ajá!. Es en el feed RSS. Ahi si puedo meter mano, voy a revisar.

    Por lo visto, bloglines toma en cuenta el campo <guid> en el RSS y lo interpreta como <link> (al parecer lee el siguiente campo edspues de <title> inmediatamente asumiendo que es un <link>). Voy a crear una cuenta alli para ver por qué lo hace.

    Yo leyendo desde Imendio Blam (mi lector RSS en Linux) u otros clientes lectores de RSS no tengo problemas de ese tipo.

  6. :-), no se si es mucho pedir, pero podrias dar la opción de poder escoger el lugar en el cual va, tal como MAKEPOVERTYHISTORY (derecha o izquierda). bueno por ahora cambié de lugar el otro.
    esta solido..

  7. Juan: Despues de revisar las especificaciones de RSS2.0, que es el que parece estar dando problemas, correjí un posible error.

    El tag <guid> no está siendo procesado como debe en bloglines. Segun las specs, guid es un string (cualquiera este sea) que sea unico de la entrada. Si no se especifica el atributo isPermalink será considerado un enlace. Pero en mi caso está definido como false lo que deberia entender bloglines.

    Resumiendo, Bloglines comete un error al no entender el atributo isPermalink=”false” en <guid> y procesarlo como si fuese el enlace permalink.

  8. Pingback: Diseño at Dewback

  9. Acabo de instalar el Plugin, est;a increible, me gustó la idea, pero me gustaria modificarlo un poco. Por que si la idea es que la gente que entra con explorer lo vea y se combie, creo que el llamado tiene que ser otro como:

    Este sitio no se be bien con Explorer, mejor cambiate a Firefox…

    Muy largo para la bandita..mejor sigo pensando, de todas maneras gracias :)

  10. Excelente logo para quienes usan explorer… ya lo puse en mi blog… solo me asalta una duda… me gustaria no abusar de tu ancho de banda, y por lo tanto me gustaria dejar el archivo js en mi servidor…

  11. Pingback: [Pedido] Advertencia en PHP/Java - Alkon Foro

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *