Fue sopresivamente anunciado hoy en el una de las conferencias del MIX08. Con características como integración con Facebook e eBay, standards compliance, mejor integración con AJAX, Webslices, entre otros.

Veremos si esta versión representa finalmente una mejora sustancial con respecto de las versiones anteriores de IE, que han sido (y siguen siendo) dolores de cabeza para los diseñadores y desarrolladores web.

Algunas referencias anteriores relativas al tema:

• IE7 sigue dando problemas a diseñadores y desarrolladores Tuesday, March 20th, 2007

• Hablando de compatibilidad entre browsers Monday, March 19th, 2007

• Internet Explorer y el Box Model Friday, February 16th, 2007

• Lo soporta tu navegador? Friday, January 19th, 2007

• El @import, tu aliado contra la desigualdad de browsers Friday, January 12th, 2007

Puedes descargar la versión "beta" para diferentes versiones de Windows aquí: http://www.microsoft.com/

ACTUALIZACIÓN

Algunas reacciones tempranas con respecto del nuevo Internet Explorer.

• First impressions of Internet Explorer 8 Beta 1
  

  "I had high hopes after reading about the new features and improved support for standards Microsoft are aiming for in IE 8, but after trying out Beta 1 I have to say that I am a little disappointed." www.456bereastreet.com/

• Why Internet Explorer 8 is shaping up to be another IE6
  

  "The beta release of IE8 does not pass the acid2 test, it is close— but no cigar." dustinbrewer.com/

La "Developers Toolbar" de Firefox es una adición indispensable para diseñadores y desarrolladores web. Cuenta con una gran cantidad de herramientas que nos facilitan la vida… pero, ¿Conoces todas sus funciones?

Aquí un listado muy bueno de algunas cosas que seguramente no conocías.

1. Display Line Guides (Miscellaneous)

2. View Image Information (Images)

3. View Color Information (Information)

4. Display Element Information (Information)

5. View Page Information (Information)

6. Show Passwords (Forms)

7. Populate Form Fields (Forms)

8. Small Screen Rendering (Miscellaneous)

9. Mark All Links Unvisited (Miscellaneous > Visited Links)

10. View Speed Report (Tools)

Visto en: http://www.smileycat.com/

Interesante artículo de Jonathan Snook acerca de la nueva herramienta de desarrollo (cross operating system runtime) de Adobe.

"Adobe® AIR™, formerly code-named Apollo, is a cross-operating system runtime that allows developers to use their existing web development skills to build and deploy rich Internet applications to the desktop."

"Adobe AIR is essentially a Flash-based runtime that can load in different types of controls including PDF and HTML documents. HTML documents are powered by Webkit, the same engine that powers Safari."

Artículo en: http://snook.ca
Más información de Adobe: http://labs.adobe.com/technologies/air/

Interesante artículo que explica cómo diseñar (a manera de tutorial) para las resoluciones de monitor más comunes.

From our research we have found that majority of our viewers are on the 1024×768 resolutions and higher. As time goes by more and more people are going to switch to higher resolutions as seen by our site statistics. It is therefore very important to design web sites for all resolutions.

Ver el artículo aquí: http://www.entheosweb.com/

Apple finalmente puso en línea la versión beta 3 para descargar de su famoso navegador Safari, ahora también para Windows.

Aun no lo instalo en la PC, pero la experiencia de usarlo en Mac siempre me ha dejado con la impresión de que es un navegador más rápido que Firefox, Internet Explorer u Opera. Según he leído, esta versión beta es realmente "beta", dado los pequeños problemas que aun tiene.

Parece que ahora las revisiones de sitios podrán ser más ágiles y quizá podamos evitar estos inconvenientes.

Descárgalo aquí: http://www.apple.com/safari/download/

Dos sitios que cubren el tema del manejo de PNGs con transparencia en Internet Explorer 6. Este asunto nos ha causado seguramente a todos una molestia en algún proyecto, pero hay soluciones.

Esperemos nomás a que pronto termine de desaparecer este infame navegador.

• http://www.webmasterlibre.com/
• http://www.twinhelix.com/css/iepngfix/

Bastante bueno el resumen, un poco crudo a veces. Podría decir que estoy de acuerdo con la mayoría de afirmaciones. Incluyo comentarios breves.
Tomado de http://www.microsiervos.com/ y http://www.josiahcole.com/

1. Nunca cambies el tamaño de la ventana del navegador del usuario automáticamente, es molesto, irrespetuoso y típico de los sitos de spam. (Muy cierto!)
   
2. Mal si tu página es de las que primero carga una página señuelo y ésta “lanza” un popup con la página real. Error muy habitual de los sitios hechos en Flash.
3. Tampoco está bien preguntar al usuario si quiere ver una caca de página directamente o prefiere entrar a un sitio guay lleno de colorines y animaciones pero para el cual necesita aditamentos especiales y esperar un rato a que cargue.
4. Si todo tu sitio está hecho en Flash despide al desarrollador de la página y hazla otra vez; si la has hecho tú colócala en el apartado “sitios inútiles que he hecho” de tu portfolio y hazla otra vez.
5. No pretendas reinventar la navegación de los sitios web.
   
6. El contenido es el rey: si tu página web no tiene suficiente contenido o ningún texto real que no esté en una imagen contrata a un copy y despide a tu webmaster ahora.
7. Nada de texto parpadeando [<blink>, los navegadores con clase como Safari ya ni la interpretan], nada de usar FrontPage, nada de popups ni en enlaces ni automáticos, nada de texto en scroll, nada de intros en Flash. (También muy cierto, en especial el uso de Frontpage y blinks -esto creo que lo usé una vez en 1996-)
   
8. Si la página contiene música asegurate de que el usuario puede detenerla o apagarla y mejor si no se inicia automáticamente —lo mismo para el vídeo.
9. Los menús de navegación mejor en texto que en imágenes. (No necesariamente)
   
10. Un flujo de navegación bien pensado con subsecciones siempre es mejor que utilizar menús desplegables.
11. Si la única forma de encontrar la información importante de tu sitio web es utilizando el buscador, despide al tío que hizo el flujo de navegación —y que seguramente utilizó menús desplegables.
12. Cuida el tiempo que necesita la página para cargarse.
13. Si pretendes hacer pasar al usuario por alguna ruta predeterminada para llevarle a alguna página concreta o a la versión demo de tu producto es hora de que te compres una granja de hormigas para aliviar tus deseos de usurpador de voluntades con alguna especie que lo permita.
14. Si vas a poner vídeo olvidate de pedirle a los usuarios que elija distintos anchos de banda y formatos de video perdedores como RealPlayer, Windows Media Player, Quicktime,… Utiliza un reproductor de vídeo en formato Flash como hacen YouTube y similares —si, Flash ganó esta única batalla hace tiempo.
15. No utilices técnicas y tecnologías nuevas en tu sitio web simplemente porque puedes o porque son novedosas. Las tecnologías nuevas son chulas, pero utilizalas sólo si realmente mejoran de algún modo la vida a tus lectores / clientes / usuarios.

Interesante artículo en DevThought acerca de cómo la renovada versión de Internet Explorer (7) aún da ciertos dolores de cabeza a los que diseñan y desarrollan sitios web.

En lo personal, rescato que han mejorado con respecto de la versión anterior de IE, sin embargo, y como bien lo menciona este artículo, aún quedan cosas pendientes, fuera del hecho de que, ya no sólo se evalúa un sitio en IE7 y Firefox (y Safari), sino también en el aún existente IE6.

IE7, however, was supposed to solve all these bugs, and add those all missing features. Nothing could be farther from the truth. In this article I’ll highlight some of the new built-in annoyances.

Leer artículo en DevThought

Existen algunas herramientas en línea que te permiten visualizar el diseño de un sitio en desarrollo con respecto de los diferentes browsers existentes. Una de las herramientas que recomendaría es Netrender, que te permite, en este caso, hacer renderizaciones y comparaciones de un sitio web en linea entre las versiones 5.5, 6 y 7 de Internet Explorer.

Ver herramienta aquí.

Interesante tabla comparativa de los mayores browsers actualmente, con respecto de su soporte para la aplicación de reglas de CSS. Incluye:

Windows

• Internet Explorer 7, 6, 5.5, 5, 4
• Mozilla 1
  
• Netscape Navigator 7, 6, 4
  
• Op 8, 7, 6, 5

Mac OS X

• Internet Explorer 5
• Mozilla 1
• OmniWeb 4
• Opera 8, 7, 6, 5
• Netscape Navigator 7, 6
• Safari 2

entre otros…
Ver tabla aquí: http://centricle.com/ref/css/filters/

Este artículo se basa en hechos de la vida real. Los nombres de los personajes que figuran aquí fueron cambiados para proteger su identidades.

Pablo: Oe, José me indica que hay muchos problemas con la presentación del sitio. Son cuestiones del CSS más que nada.

Naza: Simón, ya estuve revisando y hay unas cosas que no cuadran. Pero no tengo instalado el IE6, porque esta m…. de Windows me amagó e instaló el IE7 en los auto updates, así que sólo puedo revisar en el 7 y en Firefox.

Pablo:Yo tengo el IE6, porque Dilbert me pasó un programita para poder instalar ambos.

Naza: Ah ya, bueno, yo no quiero volver al IE6, así que deja nomás. Voy a revisar el CSS en el 7 y en FF.

2 horas después…

Naza: Oe, no funca… se ve bien en IE7, más o menos en IE6 y descuadrado en FF. Pero creo que tengo una solución alterna, pero tienes que agregar unas cosas al código del “head” del sitio.

Pablo: A ver, cual e…

La solución:

En el “head” del HTML del sitio incluimos lo siguiente:

<style type="text/css"> <!-- @import url(files/css/FFstyles.css) screen; --> </style>

Este código es independiente de la línea que llama al archivo CSS original del sitio. Lo que queremos lograr, es “importar” una hoja de estilos alterna o más bien, complementaria, con estilos específicos para Firefox.

Y, ¿por qué sólo para Firefox?.

Simple, la regla @import es completamente ignorada por Internet Explorer, por lo que este nuevo CSS importado sólo lo va a leer el Firefox, y como el @import tiene prioridad en cuanto a la jerarquía de importancia de los estilos declarados, estos sobreescribirán a los que ya fueron declarados en la hoja de estilos original del sitio.

Esto nos da una gran posibilidad de crear estilos específicos para Firefox, que el IE no los tomará en cuenta, dándonos así un control mucho mayor sobre la presentación final del sitio.

El desenlace…

Pablo: Oe, avanzado eso del @import, ya se solucionaron prácticamente todos los problemas de presentación entre browsers.

Naza: Si oye, efectivo, no? Pero no cantes victoria, te acabo de pasar por mail las capturas de pantalla del sitio visto en Safari.

Pablo: %#&$/=!#

Parece que esta propuesta puede ser considerada! Véanlo ustedes mismos.

Vía Joe Monster.

Esta pequeña recopilación de extensiones (ahora llamadas Add-ons) para Firefox, son quizá las más importantes y necesarias para cualquier desarrollador y diseñador web.

• DOM Inspector by Scott MacGregor Permite inspeccionar el DOM (Direct Object Model del HTML, XUL y XML de las páginas.
• Web Developer by Chris Pederick

  

  Esta es una de las herramientas más importantes para un diseñador y desarrollador de sitios. Te permite a través de una barra de menú (toolbar) que contiene varias herramientas que te permiten activar, desactivar, editar CSS, HTML; cookies, formularios, imágenes, también validar páginas y mucho más!

• FireBug by Joe Hewitt Esta extensión también es crítica para analizar, explorar, limpiar y perfeccionar el código HTML, CSS, Javascripts y Ajax de los sitios. Una herramienta multiuso!

  

• View Source Chart by Jennifer Madden Crea tablas a colores de código fuente renderizado de un sitio. Herramienta visual muy útil!

  

• Google Browser Sync Esta pequeña extensión no tiene realmente nada que ver con diseño web, sin embargo la uncluí, porque la verdad es la herramienta más útil que han sacado para Firefox. Te permite sincronizar (en línea) el Firefox de tu oficina con el de tu casa y con cualquier otro. Sincroniza tus bookmarks, cookies, tabs, ventanas y passwords (todo esto es customizable).

  

Estoy seguro, de que esta pregunta se la han hecho muchos diseñadores y desarrolladores de sitios web últimamente. La respuesta lógica indicaría que tomemos el camino de presentar un sitio que se “vea bien” en el navegador más utilizado, es decir, Internet Explorer de Microsoft.

Según los reportes más recientes de Market Share, este browser tiene el 80.56% del mercado cubierto (aunque nos duela a los que intentamos evitar a toda costa este terriblemente mal concebido pedazo de software de MS).

Estas estadísticas (11/06) indican lo siguiente:

• Internet Explorer: 80.56%
• Firefox: 13.50%
• Safari: 4.03%

Entonces, ¿por qué es aconsejable NO diseñar y desarrollar para Internet Explorer? (Leer más…)

Curioso sitio web que promociona de manera muy completa una "aberración" del conocido browser Firefox, el cual según este sitio ha sido comprado por Microsoft. Pongan atención al contenido del sitio, en especial a la sección de "Requerimientos del Sistema" y "Careers". Bastante gracioso. El download aparentemente lo que baja es la última versión del IE7. Link del sitio.