Salva a un desarrollador. Actualiza tu navegador.
Asà empieza la página SaveTheDevelopers.org, la cual propone actualizar los navegadores web a versiones más seguras y, sobre todo, sin problemas de compatibilidad con estándares o bugs (IE6, por ejemplo).
Las opciones ofrecidas son:
Microsoft desarrolló un complemento para IE7 muy similar al Firebug para Firefox que permite hacer un debug de una página web, navegando el DOM, viendo estilos CSS, etc.
Desde acá se puede descargar la Internet Explorer Developer Toolbar. Sólo es compatible con IE7, ya que hasta IE6 no se pueden agregar complementos.
Una vez instalada, habrá que reiniciar IE para empezar a usarla. Se puede activar presionando su Ãcono en la barra de comandos o en el menú Herramientas -> Complementos.
IE8 va a incluir esta toolbar por defecto y sólo habrá que presionar SHIFT+F12 para utilizarla.
Según datos obtenidos en el mes de Marzo, el uso de Firefox en Europa ascendió al 29% del marketshare. Este número sube aún más los fines de semana, ya que muchos usan Internet Explorer en el trabajo pero Firefox en sus hogares. En varios paÃses de Europa (Finlandia, Eslovenia, Polonia) las cifras de uso de Firefox llegan a casi el 50%.
También tuvieron mejoras en ese mercado los navegadores Safari y Opera, subiendo 2,3% y 3,3% respectivamente. El único que cayo fue Internet Explorer (-2,5%).
En OceanÃa, Firefox sigue teniendo buenas estadÃsticas, con casi un tercio del mercado.
En Norteamérica, sin embargo, el uso de Firefox cayo 1%. Esto se puede deber al crecimiento de otros navegadores, como Safari.
A diferencia de Firefox, cuando se tiene un campo input dentro de un span en IE, el input hereda los valores de márgenes del span.
Esto puede generar problemas en la visualización, ya que el span tendrá más altura y más ancho. La solución es simplemente agregar margin: 0px a los estilos del campo input.
Es sabido que IE no hace un buen render de una página web. Con “buen render” me refiero a que no cumple con los estándares de la W3C.
Al hacer una página que cumpla con todos los estándares, son notables las diferencias de visualización entre Firefox, Opera, etc y IE.
Para reducir estas diferencias, es una buena idea usar DOCTYPEs en el encabezado del HTML. Éste DOCTYPE permite a los navegadores (y validadores de código) saber que versión de HTML se está utilizando. Existen distintos encabezados. Entre los más comunes están:
HTML 4.01 Estricto
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Establece que se utilizará estrictamente lo que establece el estándar de HTML 4.01, separando las Hojas de Estilo del código HTML de estructura.
HTML 4.01 Transicional
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Incluye todos los elementos y atributos de HTML 4.01 Estricto, pero agrega los elementos que ya no son utilizados en la versión 4.01 y atributos de presentación o estilo.
HTML 4.01 Frameset
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Usado en documentos que utilizan frames.
Haciendo un debug a un script Javascript con el método split(), note que no se comporta de la misma forma en Firefox que en IE.
Al parecer, si ejecuta este código:
texto = “lorem ipsum dolor sit amet,”;
arregloNuevo = texto.split(”,”);
IE devolverá: arregloNuevo = ["lorem ipsum dolor sit amet"]
Firefox, en cambio: arregloNuevo = ["lorem ipsum dolor sit amet", ""]
O sea que, al parecer, IE omite la última cadena si esta está vacia.
Otro error que da Internet Explorer y no asà Firefox:
Al leer esa lÃnea, Internet Explorer hace un break y muestra que hay un error, preguntando si se lo quiere depurar.
La solución: cambiar .height por .Height (?). Increiblemente funciona. Pero lo más extraño es que ese error y ese cambio lo tuve que hacer sólo en esa lÃnea, habiendo, antes y después, lÃneas similares con el mismo .style.height
Al intentar cargar un archivo XML mediante AJAX, Internet Explorer da el error “Se requiere un objeto“.
Por el contrario, Firefox muestra la página correctamente.
Este error se debe probablemente a algún caracter (acentos, eñe, etc..) que no es aceptado por el javascript de Internet Explorer y el objeto XMLresponse no llega a crearse. AsÃ, todas las referencias a ese objeto darán error.
Se soluciona eliminando ese o esos caracter/es del XML.
Para complementar el punto “espacio real de diseño” del post anterior, subo esta imágen donde se ve el espacio real donde se visualiza la página:
Mozilla Firefox - 1024×768 px
En la imagen se nota que en este caso el espacio del que se dispone es de 1008×575 px, ya que las solapas de firefo tienen 30 px de altura, al igual que la barra de google.
La barra de scroll (algo controlable mediante CSS), ocupa 16 px.EstadÃsticas globales:
http://www.w3counter.com/globalstats.php
http://www.w3schools.com/browsers/browsers_stats.asp
Esta es una de las primeras preguntas que se hacen a la hora de diseñar un sitio web. Diseñar para 800×600? para 1024×768? Pero no es la única pregunta. Qué navegador hay que priorizar? Se debe utilizar Flash o Javascript? Aún sabiendo cual es la resolución que se debe adoptar, de cuanto espacio real se dispone?
La respuesta a estas preguntas está, entre otros lugares, en las estadÃsticas.
Antes de realizar un sitio se debe saber a que público está dirigido. Luego, mediante las estadÃsticas, se intentará que la mayor cantidad de usuarios posible visualicen bien la página.
Las resoluciones de pantalla más populares en España son:
| Abril 2006 | |||||
| 1. | 1024 x 768 | 53.88% | |||
| 2. | 800 x 600 | 21.36% | |||
| 3. | 1280 x 1024 | 13.17% | |||
| 4. | 1152 x 864 | 3.53% | |||
| 5. | 1280 x 800 | 2.86% |
Las resoluciones de pantalla más populares en México son:
| Abril 2006 | |||||
| 1. | 1024 x 768 | 61.62% | |||
| 2. | 800 x 600 | 25.61% | |||
| 3. | 1280 x 1024 | 4.82% | |||
| 4. | 1152 x 864 | 2.54% | |||
| 5. | 1280 x 800 | 1.87% |
Las resoluciones de pantalla más populares en Argentina son:
| Abril 2006 | |||||
| 1. | 1024 x 768 | 48.01% | |||
| 2. | 800 x 600 | 42.63% | |||
| 3. | 1280 x 1024 | 3.56% | |||
| 4. | 1152 x 864 | 2.04% | |||
| 5. | 1280 x 800 | 1.06% |
AsÃmismo, las estadÃsticas varÃan en el tiempo, ya que antes, la resolución más usada era 800×600, y mucho antes: 640×480
| Screen size | IE 6 | Firefox | Opera | Mozilla | Netscape |
|---|---|---|---|---|---|
| 800 × 600 | 779 × 400 | 781 × 434 | 777 × 427 | 779 × 420 | 781 × 389 |
| 1024 × 768 | 1003 × 568 | 1005 × 602 | 1001 × 595 | 1003 × 588 | 1005 × 557 |
También hay que tener en cuenta que no siempre las ventanas se encuentran maximizadas.
Finalmente, hay que agregar que no sólo hay que tener en cuenta las estadÃsticas actuales, sino también intentar realizar una proyección, para que no haya que rediseñar la página en el corto plazo.
