Internet Explorer pierde Mayoría Absoluta luego de 11 Años

Hace casi año y medio comentaba sobre la inminente muerte de Internet Explorer, y en ese momento su uso estaba por encima del 75% a nivel mundial; hoy las cosas han cambiado, y por primera vez en 11 años (¡más de una década!), el navegador web de Microsoft pierde su mayoría absoluta, en otras palabras, hoy en día menos de la mitad de los usuarios que navegan por la Web usan Internet Explorer.

Internet Explorer Pierde Mayoría Absoluta

¿Podrá Internet Explorer 9 marcar la diferencia? Lo sabremos en unos meses. Lo cierto es que la base de usuarios de Firefox y Chrome (e incluso Opera y Safari) ha ido creciendo considerablemente, gracias a sus estupendas características, velocidad y seguridad… por lo que será muy difícil para los de Redmond recobrar el terreno perdido.

Fuentes: Tech Drive-In, Conceivably Tech, StatCounter.

Share

Modo Kiosko en Firefox, Chrome, Opera, Safari e IE

Modo KioskoAntes que nada, ¿qué es el Modo Kiosko? En determinadas circunstancias, es importante mostrar una página, un sitio, una presentación o alguna aplicación web en nuestro navegador (browser) favorito, pero sin que se visualice el propio navegador, o sea, con todas las barras ocultas (barra de direcciones, de herramientas, de estado, etc), así como a pantalla completa; esto le permite al usuario enfocarse en el contenido, imposibilitándolo a usar las características típicas de navegación del propio browser.

Este modo es muy utilizado en stands (librerías, aeropuertos, bancos, centros comerciales, eventos como congresos y conferencias, etc), así como en oficinas cuando su sistema corporativo está basado en un desarrollo web.

Cada navegador tiene su forma de hacerlo. Google Chrome / Chromium, Opera e Internet Explorer tienen de manera nativa el modo kiosko, el cual hay que indicarlo por medio de un modificador al momento de ejecutar el navegador web:

En Google Chrome:
google-chrome --kiosk url

En Chromium:
chromium --kiosk url

En Opera:
opera -kioskmode url

En Internet Explorer:
iexplore -k url

Desgraciadamente (no entiendo el motivo), Firefox no cuenta con el modo kiosko de manera nativa. Pero gracias a la extensión Full Fullscreen es posible lograrlo. Luego de instalar el addon, podremos configurar su comportamiento por medio del siguiente cuadro de diálogo.

Full Fullscreen Addon

En Safari, existe la extensión Saft que permite, entre otras cosas, el modo kiosko. Desgraciadamente tiene un costo de $15 dólares, aunque si eres usuario de MacOS X / Safari, ya debes de estar acostumbrado a pagar por detalles como éstos. ¿Alguien conoce alguna extensión gratuita?

Más información:

Share

CSS3 Pie – Habilita Propiedades CSS3 en Internet Explorer

CSS3 Pie LogoCSS3 Pie es una interesante utilería para desarrolladores web, pues permite que Internet Explorer 6 a 8 sea capaz de renderizar correctamente las propiedades decorativas más utilizadas de CSS3.

¿Cómo funciona PIE (Progressive Internet Explorer)? Se trata de un archivo de comportamiento para IE (con extensión .htc) que debemos incluir en el elemento donde queramos aplicar las propiedades CSS3.

CSS3 Pie Demo

Por ejemplo, veamos el siguiente fragmento de código.

#elemento {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

Lo anterior funcionará perfectamente en los navegadores web de primer nivel (como Firefox y Chrome), pero no en Internet Explorer… para obligar a IE a reconocer los bordes redondeados, usaríamos:

#elemento {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(PIE.htc);
}

Así de sencillo. Obviamente, debemos descargar el archivo PIE.htc.

CSS3 Pie por el momento sólo funciona con algunas propiedades CSS3, como border-radius, box-shadow y border-image. Les recomendamos leer la documentación oficial para mayor información.

Via Web Resources Depot.

Share

Hojas de Estilo de los Agentes de Usuario de Internet Explorer

Es conocido por todo diseñador y desarrollador web el dolor de cabeza que siempre ha sido Internet Explorer, y no sólo IE6, pues con cada nueva versión aumenta la cantidad de inconsistencias, lo cual ocasiona que tengamos que utilizar definiciones de hojas de estilo diferentes para cada versión.

Para tener una mejor idea de este mundo de inconsistencias (incluyendo el preview de IE9), Jonathan Neal se dió a la tarea de realizar una tabla recopilatoria, donde incluso podemos descargar los archivos de hojas de estilo CSS para su mejor análisis. Pueden dar click a la siguiente imagen para ir al sitio correspondiente.

Hojas de Estilo de los Agentes de Usuario de Internet Explorer

Via Web Resources Depot.

Share

Internet Explorer 9 promete ser un Navegador Web de Primer Nivel

Internet Explorer 9

Los desarrolladores y diseñadores web de todo el mundo hoy acaban de recibir una estupenda noticia. Como parte del evento MIX 2010, se han dado a conocer algunas de las características que tendrá Internet Explorer 9, y no sólo eso, si no que es posible descargar desde este momento una versión preliminar (austera de interfaz) para conocer sus bondades aquí listadas:

  • Soporte HTML5 por aceleración GPU, bastante veloz; esto incluye el soporte para las etiquetas y (video h.264 sin flash).
  • Soporte CSS3 mejorado. Su puntuación Acid3 en este momento es de 55/100, aunque muy probablemente aumente en la versión final (como referencia, la puntuación de IE8 es un ridículo 20/100). Ahora será posible (¡por fin!) usar border-radius, el modelo de color RGBA, la propiedad opacity y prácticamente todos los selectores CSS3, ¡incluyendo las pseudo-clases!
  • IE9 Acid3

  • Soporte para SVG 1.1, por lo que ahora podremos usar, entre otras cosas, las etiquetas rect, circle, ellipse, line, polyline, polygon y path.
  • Por último, la carta fuerte de IE9: ¡nuevo motor JavaScript!, al cual han llamado Chakra, con la interesante peculiaridad de que se ejecuta (en paralelo) en diferente proceso que el renderizado. Podemos observar en la siguiente gráfica como es notablemente más rápido que el que utiliza IE8, y ligeramente más veloz que Firefox, quedando aún detrás de las últimas versiones de Safari, Chrome y Opera.
  • IE9 SunSpider

Si desean conocer a detalle las novedades para desarrolladores (se los sugiero), lean el artículo (en inglés): Internet Explorer Platform Preview Guide for Developers.

Así mismo, les sugiero entren a los Demos de IE9 para probar las características por ustedes mismos. Por supuesto, necesitan descargar el Internet Explorer 9 Platform Preview. Cabe mencionar que IE9 sólo es compatible con Windows 7, Windows Vista SP2 y Windows Server SP2… así es, Windows XP queda fuera de la jugada.

Ahora si, parece ser que Microsoft está haciendo las cosas bien, y aunque algo tarde, Internet Explorer está por convertirse en un navegador web de primer nivel, respetuoso de los estándares; esperemos que así sea y no existan vicios ocultos tras tanta maravilla; IE9 entra por fin a la verdadera guerra de navegadores, con armas fuertes que sus archi rivales no deben menospreciar.

Referencias: NetTuts+, DownloadSquad y ReadWriteWeb

Share

Amar a HTML5 y CSS3 es odiar a Internet Explorer

IE BasuraSin lugar a dudas, HTML5 y CSS3 han llegado para facilitarle la vida a los diseñadores y desarrolladores web, lo cual conlleva una mejor experiencia del usuario final.

Con HTML5 podemos insertar audio y video en nuestras páginas sin necesidad de plugins de terceros (como Flash), generar gráficas y textos dinámicos a través del manejo de canvas, implementar en esquema más claro a través de sus nuevas etiquetas (header, nav, section, footer, etc), entre otras cosas.

Con CSS3 podemos crear diseños web asombrosos incluso sin la necesidad de recurrir a imágenes, gracias a sus esquinas redondeadas, sombras para textos y bloques, degradados de colores, inclusión de fuentes (tipos de letras) no estándares, entre otros muchos beneficios.

Con tanta belleza tenía que existir un “pero“… y se llama Internet Explorer. Y no sólo me refiero al mundialmente odiado IE6, si no también a IE7 e IE8.

En el estupendo sitio “When can I use…” nos ofrece un análisis detallado de todas y cada una de las características de HTML5 y CSS3 en los navegadores web más populares, en sus versiones pasadas, presentes, e incluso futuras. La siguiente tabla es el resumen global de dicha comparación; en cada celda podemos observar el número de versión del navegador web, junto al porcentaje de características HTML5 y CSS3 soportados; los colores hablan por si mismos.

Tabla comparativa de Navegadores

Como referencia, las versiones estables actuales de cada navegador son: Internet Explorer 8.0, Firefox 3.5 (a pocos días de la liberación de Firefox 3.6), Safari 4, Chrome 3.0 y Opera 10.10.

Enseguida nos damos cuenta que Firefox, Chrome y Safari son los que mejor soportan a HTML5 y CSS3, mientras que Internet Explorer literalmente está para llorar. En el caso de Opera, es una tristeza que siendo un buen navegador tenga un soporte tan mediocre.

¿La tabla anterior les parece demasiado genérica? Ok, veamos a profundidad qué características de HTML5 y CSS3 soportan los navegadores estables actuales.

Firefox 3.5

Firefox 3.5

Aquí es justo mencionar que Firefox 3.6 (actualmente en Beta 4, cuya versión final debe ser liberada este mes) ya ofrece soporte para más características de CSS3, como los gradientes y fondos múltiples.

Chrome 3

Chrome 3

Safari 4

Safari 4

Opera 10

Opera 10

Internet Explorer 6, 7 y 8

Internet Explorer

Las imágenes anteriores fueron elaboradas por Deep Blue Sky, usando su estupenda librería Modernizr, a través de FindmebyIP, donde tú mismo puedes verificar qué características de HTML5 y CSS3 soporta tu navegador web.

¿Lo malo? La gran mayoría de usuarios sigue usando Internet Explorer… ¿lo peor? Microsoft no ha ofrecido grandes expectativas para soportar decentemente HTML5 y CSS3 en el próximo IE9. ¿Qué podemos hacer nosotros como desarrolladores y diseñadores web? ¡dejar de dar soporte a IE! Así de sencillo, pues si seguimos haciéndolo, jamás los usuarios se sentirán obligados a migrar a un navegador web de calidad.

Por el lado dónde lo quieran observar, amar a HTML5 y CSS3 es odiar a Internet Explorer.

Share