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.

  • http://tyridium.vtrbandaancha.net Tyridium

    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

  • http://www.dewback.cl/ Fabián Arias

    No, no enlaza con ninguna cuenta http://www.spreadfirefox.com , sino que directamente al sitio de Firefox. :)

  • http://maomeno.blogspot.com Italo Neira

    mirsh..se ve bien la bandita, vamos a agregarla a mis blogs

    En realidad un cacho esto de tener que hacer los sitios
    para compatibilizar con todos los navegadores…

  • http://pilarrom.blogspot.com pilar

    fabian, lo pego pero no lo visualizo????, uso un g4 y lo trato de ver en IE 5.2

  • Juan

    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.

  • http://www.dewback.cl/ Fabián Arias

    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

  • http://pilarrom.blogspot.com pilar

    fabian ,ya lo elimine,es por eso que enganche apenas vi tu post, ya que el desorden con IE lo tengo hace mucho
    debo cambiar la plantilla?

  • Juan

    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.

  • http://www.dewback.cl/ Fabián Arias

    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.

  • http://www.arale.cl arale

    jijijijijij q solicitado :$ besito

  • http://www.dev.cl/ Carlos Andrés

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

  • http://www.dewback.cl/ Fabián Arias

    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.

  • http://tyridium.vtrbandaancha.net Tyridium

    Holas:
    Jejeje veo que resultó lo de grAVATAR :D no tenia idea que era “retroactivo” jejejeje
    Saludos

    Andrés

    P.S.: Gracias por la ayudita en el codigo ;)

  • http://tyridium.vtrbandaancha.net Tyridium

    Hola de nuevo:
    jejeje toy probando la nueva “plantilla” KS … esta genial!!!
    Saludoides

    Andrés

  • http://otexto.net/ Alvaro

    Excelente me parece. Voy a tratar de implementarlo

  • Juan

    Fabian ahora funciona perfecto el feed y los enlaces en bloglines :-D

  • http://pilarrom.blogspot.com/ pilar

    fabian
    quise cambiar mi blog a mi servidor y me quedo la caga, esta lleno el planeta de post antiguos ,disculpa bajalos porfaaaaaaaaaaaaaaaaaaaa

  • http://paubel.vtrbandaancha.net Paula

    Hola:

    También me sumé a la “cruzada” por Firefox :) gracias a Ty por supuesto.

    Más saludos

    Pau

  • Pingback: Diseño at Dewback()

  • http://www.huasonic.com Huasonic

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

  • http://pentns.blogspot.com PENTNS

    A lo mejor es tarde para preguntar, pero nuestro blog tiene problemas en iexplorer, no sabemos si es solucionable, podrias ayudarnos algo ???……..

    Saludos.

  • http://www.mrandersonmd.com MrAnderson

    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…

  • Pingback: [Pedido] Advertencia en PHP/Java - Alkon Foro()