Como migrar aplicaciones desde Internet Explorer a Firefox

Noviembre 30, 2007

Hay un interesante articulo publicado por Mozilla Developer Center (MDC) acerca de las diferencias más conocidas y menos conocidas entre estos 2 navegadores, hay secciones sobre visualización de las páginas, CSS, javascript, manejo de eventos, XML, etc. Aunque yo recomiendo leer por completo el articulo por ser de interes de todo desarrollador web, copio un par de fragmentos:

Modo quirks

Actualmente, el web está plagado de sitios con HTML no válido, además de marcado que sólo funciona gracias a fallos de ciertos navegadores. Los antiguos navegadores de Netscape, cuando eran los amos del mercado, tenían fallos. Cuando desembarcó Internet Explorer, plagió esos mismos fallos para poder visualizar correctamente las páginas de aquella época. Más tarde cuando los nuevos navegadores llegaron al mercado, la mayoría de estos fallos originales, usualmente llamados quirks, fueron mantenidos por razones de compatibilidad hacia atrás. Mozilla soporta muchos de estos fallos cuando visualiza páginas en modo quirks. Nótese que debido a estos quirks, las páginas se visualizan más lentamente que si estuvieran escritas para respetar los estándares. La mayoría de las páginas web son visualizadas utilizando este modo. Mozilla utiliza este modo cuando encuentra las siguientes condiciones:

* Cuando no se ha especificado un doctype.
* Cuando se ha especificado un doctype sin su identificador de sistema (por ejemplo, <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”></code>)

Diferencias en las fechas de JavaScript

La única diferencia en el objeto Date es el método getYear. Para la especificación ECMAScript (que es la que sigue JavaScript), el método no es compatible con el efecto 2000 y al ejecutar new Date().getYear() en 2004 se obtendrá un valor igual a “104″. Para la especificación ECMAScript, getYear devuelve el año menos 1900 lo cual devolvía “98″ para 1998. getYear quedó obsoleto en la versión 3 de ECMAScript y fue reemplazado por getFullYear. Internet Explorer cambió la implementación de getYear para que funcionara como getFullYear y fuese así compatible con el efecto 2000, mientras que Mozilla mantuvo el comportamiento estándar.

Diferencias en XSLT

Si el XSLT necesita distinguir el navegador, se puede consultar la propiedad de sistema “xsl:vendor“. El motor XSLT de Mozilla devolverá “Transformiix” mientras que Internet Explorer devolverá “Microsoft”.


<!-- Marcado específico de Mozilla -->

<!-- Marcado específico de Internet Explorer -->

Por cierto yo recomiendo echarle un ojo a la web de Mozilla Developer Center que esta nutrida de información interesante e infaltable en tus favoritos.Artículo Completo:
http://developer.mozilla.org/es/docs/Migrar_aplicaciones_desde_Internet_Explorer_a_Mozilla

Mozilla Developer Center (en castellano):
http://developer.mozilla.org/es/docs/Portada

Mozilla Developer Center (en castellano), Categoría: Desarrollo Web:
http://developer.mozilla.org/es/docs/Categor%C3%ADa:Desarrollo_Web


Google Extra, reemplaza publicidad por información en tus resultados de google

Noviembre 28, 2007

Google extra es un script JS escrito por znerp que se encarga de reemplazar la publicidad que se muestra en la sección derecha de la página de resultados de google por información acerca de lo que hemos buscado, tanto imagenes, videos, wikipedia, etc. Me parece muy interesante sobre todo porque nos da un valor añadido a nuestra búsqueda, lo siento por google y por los auspiciadores.

Según el artículo de Extensiones Firefox lo podeis usar con Greasemonkey. Ademas su creador recomienda usar el Script Updater para revisar su hay actualizaciones disponibles.

Pagina Oficial de Google Extra:
http://userscripts.org/scripts/show/10458

Descargar:
http://userscripts.org/scripts/source/10458.user.js

Pagina del Script Updater:
http://userscripts.org/scripts/show/8877

Greasemonkey en Mozilla Add-ons:
https://addons.mozilla.org/es-ES/firefox/addon/748

Visto en:
http://extensionesfirefox.blogspot.com/2007/11/google-extra-informacin-en-vez-de.html


JSLint – Javascript – Operadores de comparación – igual y no es igual

Noviembre 28, 2007

JSLint es una herramienta escrita por Douglas Crockford para validar nuestro código javascript, nos muestra advertencias, errores y mensajes de como reemplazar una linea de codigo por otro más robusto, es el caso de los operadores de comparación (en inglés: comparison operators) también llamados operadores condicionales, el caso concreto de “es igual” y de “no es igual”.

Para dar un poco más de información de JSLint se debe decir que también fue incluida en la pestaña “Tools” de la extensión YSlow (extensión para firebug).

Bueno sigamos con los operadores de comparación, JSLint nos recomienda que cuando comparemos una variable con un valor booleano ó null ó undefined debemos hacerlo con los operadores de “igualdad absoluta” y la de “no igualdad absoluta”, en los dos comparadores anteriores se compara tanto en valor como en tipo, mientras que en los comparadores “es igual” y “no es igual” solo se compara por valor, para demostrarlo hagase un pequeño ejemplo:

var x = 5;
var y = "5";

alert( x == y );        // true
alert( x === y );       // false

Esto sucede debido a que en la primera comparación verifica que tienen el mismo valor, y en la segunda comparación verifica ademas de su valor el tipo.Es por este motivo que JSLint nos recomienda que debemos usar la comparación absoluta, cuando deseamos que un valor booleano se corresponda con lo que nosotros esperamos de la comparación. Otros ejemplos más avanzados serian:

var x = undefined;

alert( x == null );        // true
alert( x === null );       // false

Por esta razón dependendiendo del resultado de esta condición que necesitemos nos convendrá segun que operador utilizar. Por supuesto apostando por las buenas practicas se recomienda, que al comparar con boolenaos, null y undefined se utilice la comparación absoluta, sobre todo cuando tenemos un “else” que depende de la condicion del “if” es decir:

if ( x === true)
if ( x === false)
if ( x === "" )
if ( x === null )
if ( x === undefined )

if ( x !== true)
if ( x !== false)
if ( x !== "" )
if ( x !== null )
if ( x !== undefined )

Pagina Oficial de JSLint:
http://www.jslint.com/Página de Douglas Crockford:
http://www.crockford.com/


Interesantes y desconocidos navegadores web

Noviembre 27, 2007

Google Traductor – gadget – ofrece traducciones automáticas de tu página web

Noviembre 27, 2007

Google nos proporciona un gadget (componente visible embebida/incrustada en nuestra web) para implementarlo muy facilmente, en el cual tenemos una lista de selección de idiomas en el que podemos traducir la pagina, seleccionamos y listo google se encarga de traducir la página

Google Traductor

Página Oficial:
http://translate.google.com/translate_tools?hl=es