20 años de Internet Explorer

Captura de pantalla de la interfaz de Internet Explorer 1.0
Así era el navegador de Microsoft en 1995. Imagen ‘robada’ de la Wikipedia

Pocas efemérides hay en internet que se vayan a celebrar tan poco como el vigésimo cumpleaños, que se celebra hoy, de Internet Explorer. Como cuenta la Wikipedia, un dieciséis de agosto, pero de 1995, se lanzaba Internet Explorer, que en aquel momento era básicamente una versión de Mosaic en la que trabajaron seis personas. Estamos hablando de hace tanto tiempo que Explorer no soportaría tablas hasta su versión 1.5, que llegaría seis meses más tarde.

Se trata de un periodo interesante de la historia. De los navegadores que existen hoy, pocos hay más longevos: Opera se había lanzado unos meses antes y la 1.0 de Netscape Navigator data de diciembre del 94.

La de 1995, además, era la versión más odiosa de Microsoft: en 1994 el Departamento de Justicia de los Estados Unidos había lanzado su famosa demanda ‘antitrust’ contra Redmond por sus prácticas anticompetitivas desde 1988. Microsoft estaba dispuesta a comerse el mundo, casi literalmente.

Aun con la ventaja competitiva innegable de venir con el sistema operativo (estamos hablando de cuando un módem de 28800 baudios sonaba a lo último de lo último, y descargarse Navigator no era exactamente una trivialidad), IE no arrasó, precisamente: durante unos [pocos] años Netscape dominó el paisaje web como ninguna otra empresa ha vuelto (ni volverá, esperemos) a hacer. No fue hasta unos tres o cuatro años más tarde que Microsoft decidió echarle músculo de verdad al asunto y espabilar con IE5, que combinó la potencia de los de Redmond al desarrollar software (IE5 y 6 eran mucho mejores que la competencia, por difícil de creer que resulte, y con IE5 llegó una funcionalidad, XMLHttpRequest que, pese a su horrendo nombre, dio pie a la revolución que supondría AJAX, la base de lo que hoy conocemos como aplicaciones web) con la universalidad de su sistema operativo y la incapacidad de Netscape de mantener el código de Navigator para situarse como número uno. IE6 representó, en 2001, por un lado, el mejor navegador de la historia de manera indiscutible y, por el otro, el fin de la guerra de los navegadores: punto, juego, set, partido y campeonato para Microsoft. Game over. Desafortunadamente, lo que vino después era lo que se podía prever: una vez aplastada la competencia, Microsoft se quedó sin ningún incentivo para mejorar su navegador… y así lo hizo. Internet Explorer 7 no llegaría hasta finales de 2006. Cinco años más tarde. En «tiempo internet», varias eras tarde.

Los desarrolladores de la época (y los pocos diseñadores web que había), por mucho que nos guste reescribir la historia, estaban encantadísimos en 2001 con el monopolio: un único navegador para el que desarrollar es lo mejor que te puede pasar… O no. En 2002 de las cenizas de Netscape se fundaba Mozilla y anunciaba la creación de un navegador, muy adecuadamente llamado Phoenix. Phoenix no llegaría hasta un par de años más tarde (recordemos: el código de Navigator era un absoluto desastre), rebautizado como Firefox, que supondría un (re)nacimiento de los estándares web. Firefox, sin prisa pero sin pausa, comenzaría a restar cuota de mercado a Explorer, con la ayuda inestimable de la propia Microsoft y su indolencia infinita (nunca más le darán en Redmond cinco años de margen a un enemigo para renacer de sus cenizas).

Pero Firefox ganaba mercado… fuera de las empresas del Fortune 500. Dentro de esas empresas, el panorama era muy diferente. Si hay algo que les gusta a los departamentos de sistemas de información de las grandes empresas es estandarizar. Básicamente, todos los PCs de todas las grandes empresas tenían Internet Explorer 6 instalado. Y ningún otro navegador. Los desarrolladores de las intranets de todas esas empresas, dado el panorama, optaron por no «desarrollar web» sino «desarrollar para IE6». Una decisión perfectamente comprensible, razonable incluso… y absolutamente catastrófica. Las peculiaridades de IE6 interpretando los estándares (conviene recordar: comparado con Navigator, IE6 era la octava maravilla) estaban lejos de contemplarse con el odio que se ganarían (con absolutamente merecimiento) unos años más tarde: en ausencia de otro navegador al que dar soporte, diseñadores y desarrolladores fueron acostumbrándose a ellas y construyendo toda una serie de trucos, como el maquetado con tablas, que hoy nos escandalizan pero que en aquel momento no parecían mala idea. Como sabe todo el mundo que haya trabajado en una empresa de un cierto tamaño, las intranets fueron desarrollando parche sobre parche sobre parche en una pesadilla imposible de mantener.

Para cuando Firefox adquirió madurez y los usuarios comenzaron a reclamarlo, la tarea de adaptar las webs del mundo a los estándares resultó ardua, pero valió la pena. Excepto en el reducto de la Galia conocido como las intranets de las grandes empresas, cuyos departamentos de sistemas de información decidieron que era más fácil obligar a sus trabajadores a acceder a la intranet con IE6 que intentar desfacer el monumental entuerto. IE6 para la intranet, un navegador moderno para el resto de la web (o para la web, quizá debería decir mejor: las intranets no eran «web», sino «cosas en HTML para IE6»), aquí paz y después gloria. O no.

Porque Microsoft se había dormido mucho con el tema de los navegadores, pero en algún momento tenía que darse cuenta de que había que espabilar. Y tarde, pero lo hizo. En 2006 llegaría IE7, IE8 en 2009 y para 2011 teníamos IE9 (el coloso Microsoft estaba acostumbrado a los ciclos de desarrollo de Windows, Office y sus herramientas de desarrollo: lanzar una versión del navegador cada dos años era, a sus ojos, recuperar la velocidad de crucero). Pero el ritmo glacial de Microsoft resultaba excesivamente frenético para —sí, lo habéis adivinado— los departamentos de sistemas de información. Microsoft era casi omnipotente, pero no podía arriesgarse a cortarse el grifo de los ingresos de las actualizaciones de todos los Windows de todos los PCs de todas las empresas del Fortune 500 con intranets que dependían vitalmente de todos los bugs de IE6. Nadie habría sido más feliz exterminando esos bugs de manera lenta pero segura que el equipo de desarrollo de IE. Pero Microsoft no podía permitirse ese «lujo». IE7, 8, 9… todos se vieron obligados a reproducir, contra su propia voluntad, los errores de IE6. Y, de rebote, mientras la cuota de mercado de Explorer bajaba de forma inexorable pero lenta, a los diseñadores y desarrolladores web del mundo no les quedaba otra que someterse a los deseos de los galos irreductibles de las intranets, porque Internet Explorer seguía conservando suficiente presencia como para que ignorarlo fuese un riesgo inasumible. Bienvenidos al «maravilloso» mundo del diseño y desarrollo web.

Hoy, casi una década después del lanzamiento de IE7, parece que finalmente el panorama ha cambiado. Lo que quizá haya contribuido más a ello es que los CEOs del Fortune 500 hace tiempo que tienen iPads con los que quieren acceder a sus intranets. Los CIOs del Fortune 500 pudieron más que Microsoft, pero todo el mundo sabe que el CEO puede más que el CIO. Aún quedan cosas en las intranets que dependen de IE6 (o de lo que queda de IE6 dentro de IE8, 9, 10 e incluso 11), pero cada vez son menos y todo ese código web infecto parece definitivamente herido de muerte. Los esfuerzos de Microsoft por conseguirlo (si hay algo peor que desarrollar para IE6 y sus herederos tiene que ser mantener el código de IE6 en sus herederos) se han redoblado en los últimos tres o cuatro años y el navegador por defecto del sistema operativo por defecto de Microsoft ya no se llama Internet Explorer, sino Edge… En el blog de desarrolladores de Edge contaban con alegría en mayo cómo le habían extirpado a Edge más de doscientas veinte mil líneas de código al separarlo de Explorer. Por la borda se habían ido el soporte para ActiveX, los «Browser Helper Objects», VBScript, los filtros y transiciones en DirectX… Todas ellas características que fueron útiles —revolucionarias, incluso— en su momento… y que se volvieron después zombies que, en algunos casos más de una década después de su creación, siguen pululando por ahí…

Repito: doscientas veinte mil líneas de código. La magnitud de la cosa es de difícil descripción. Aún suponiendo que fueran 220,000 líneas seguidas, eso son, para los que alguna vez habéis visto papel de impresora de agujas, más de tres mil hojas de papel de 381 por 279 milímetros (el más ancho que hayáis visto los que lo recordéis). Alucinante.

2015. Y parece que vemos la luz al final del túnel. Pero no nos engañemos: seguimos en el túnel. Y es que IE y su código zombi siguen rondando. Incluso en Windows 10, lo último y «más mejor» de Microsoft, sigue ahí, en el cadalso del desarrollo web: el navegador por defecto de Windows 10 es Edge pero, sin mucho esfuerzo, uno puede resucitar el fantasma y arrancar Internet Explorer 11 para «disfrutar» de esas doscientas veinte mil líneas de código y todas esas funcionalidades zombi.

Capturas de pantalla de una misma web visitada con Edge y con IE11
A la izquierda, Edge. A la derecha, Internet Explorer 11

En fin. Y en cualquier caso. Felicidades, Internet Explorer: no se cumplen veinte años todos los días. No hay tantas marcas en el mundo de la informática que puedan decir que han cumplido dos décadas. Pocas hay que nos hayan aportado tanto. Pocas hay que nos hayan robado tanto. Probablemente sea Explorer lo único que haya en la intersección de ambos conjuntos. Te odiamos pero, muy muy en el fondo, sabemos que eres parte imprescindible de nuestra historia tecnológica y que no seríamos lo que somos sin ti. Felicidades. Y muérete ya.


PS Parece que Microsoft y yo coincidimos, por una vez…

Los tuits de la semana 2.12

El tema del mes

Sí, lo de Horizons y Plutón nos ha tenido bastante entretenidos…

RT ‏@qntm New Horizons is now transferring the ~40Gb of data it gathered at Pluto back to Earth
at ~1kbps
for sixteen months

RT @newsycombinator Why It’ll Take New Horizons 16 Months to Send Us This Week’s Data http://gizmodo.com/why-itll-take-new-horizons-16-months-to-send-us-this-we-1717769317

RT @vruba One more thing. This mission – launch, payroll, everything – for deep research into the solar system, cost as much as two Navy F-35C jets.

Aunque no es Horizons todo lo que explora por el sistema solar…

Efemérides

Uno…

Dos…

Tres…

Y una un poco más modesta…

Los de diseño y desarrollo web

Un par de demos…

hoy, en la lista de demos javascript “más cute imposible”, el dragón que estornuda. mooooola :-) http://codepen.io/Yakudoo/full/yNjRRL/

¿hemos visto ya todos la demo del león y el ventilador? sí, ¿no? http://codepen.io/Yakudoo/pen/YXxmYR

Un par de cosas a leer con calma…

Things to Know When Making a Web Application in 2015 http://blog.venanti.us/web-app-2015/

It’s 2015 — You’d Think We’d Have Figured Out How To Measure Web Traffic By Now http://fivethirtyeight.com/features/why-we-still-cant-agree-on-web-metrics/

13 tips for making responsive web design multi-lingual http://responsivenews.co.uk/post/123104512468/13-tips-for-making-responsive-web-design

interesante: The Debate Around “Do We Even Need CSS Anymore?” https://css-tricks.com/the-debate-around-do-we-even-need-css-anymore/

¿Cuál será el efecto de WebAssembly sobre JavaScript? http://radar.oreilly.com/2015/06/javascript-shares-its-ubiquity.html

Dos para ver con calma…

RT @UOCeimt La última charla #webcat en @MosaicUOC: Prototipos, animación e interacción http://j.mp/1evq6Gy

RT @MosaicUOC Vídeo del último @webcatBCN en el que @tomascornelles explica los Web Components http://bit.ly/1HaMSR8

Alguna herramienta…

mola, el ‘Mobile Checker’ del W3C: http://validator.w3.org/mobile-alpha/

the Ffffallback bookmarklet makes it easy to find the perfect fallback fonts, so that your designs degrade gracefully http://ffffallback.com/

bastante verde todavía, pero interesante: Photoshop gets an open source, HTML5-based interface for app design http://arstechnica.com/gadgets/2015/06/photoshop-gets-an-open-source-html5-based-interface-for-app-design/

Para leer con calma

The big problem we face isn’t coordinated cyber-terrorism, it’s that software sucks (via @ellaing via @antonello) https://medium.com/message/why-the-great-glitch-of-july-8th-should-scare-you-b791002fff03

Hacking the Humanities http://www.newyorker.com/culture/culture-desk/hacking-the-humanities

ojo, peligro: «EU plans to destroy net neutrality by allowing Internet fast lanes” http://arstechnica.com/tech-policy/2015/06/eu-plans-to-destroy-net-neutrality-by-allowing-internet-fast-lanes/


A ver si volvemos a regularizar un poco el ritmo de publicación por aquí y la próxima vez es dentro de menos de cuatro semanas…

Los tuits de la semana 2.10

(Edición doble: me prometí a mí mismo que no publicaría dos ‘los tuits de la semana’ seguidos sin ningún contenido intermedio. Esto ha hecho que hayamos pasado de las semanas ‘estilo El Corte Inglés’ (dobles) a esta semana cuadruple, que recopila lo mejor de lo publicado en @chechar desde el 3 de mayo…)

Los eventos de la «semana»

Si en el anterior «semana en los tuits» nos lo pasamos muy bien trabajando un sábado en la WordCamp Barcelona, esta tuvo un sábado de trabajo en que nos lo pasamos aún mejor:

…pero también estuvimos en el seminario Personas Mayores y Medios de Comunicación Social, que también resultó brillante:

El cacharrito…

parece que al yotaphone (el móvil con pantalla doble de tinta electrónica) le va a salir competencia china… http://blog.the-ebook-reader.com/2015/05/21/huateng-flag-d1-dual-screen-e-ink-smartphone-video/

…el cacharrazo…

International Space Station may get laser cannon to vaporize orbital debris http://www.extremetech.com/extreme/205899-international-space-station-may-get-laser-cannon-to-vaporize-orbital-debris

(La Estrella de la Muerte está a la vuelta de la esquina, claramente :-P.)

…y el retrocacharrito:

Los de diseño y desarrollo web

@newsycombinator Cssnext: use tomorrow’s CSS syntax, today http://cssnext.io

http://plainjs.com/ Vanilla JavaScript (over jQuery) for building powerful web applications (via @QInteractiva)

Responsible Social Sharing Buttons. Quickly generate social sharing buttons with a tiny performance footprint. http://sharing.mxstbr.com

@newsycombinator HTTP/2 for TCP/IP Geeks http://daniel.haxx.se/blog/2015/05/07/http2-for-tcpip-geeks/

All about Edge: Extensions, high performance asm.js, and no more ActiveX http://arstechnica.com/information-technology/2015/05/all-about-edge-extensions-high-performance-asm-js-and-no-more-activex/

User agents of change http://www.allenpike.com/2015/user-agents-of-change/

Notes On Client-Rendered Accessibility http://www.smashingmagazine.com/2015/05/06/client-rendered-accessibility/

El «de culturilla»:

The Future of Web Design is Hidden in the History of Architecture https://medium.com/@sall/the-future-of-web-design-is-hidden-in-the-history-of-architecture-1cc93ea854d0

Y los que me dejaron anonadado:

RT @newsycombinator Silon – Adders and Logic Gates in Pure CSS http://silon.slaks.net

Y para acabar…

El dato para sentir vértigo…

…mi lugar favorito del mundo :-)…

…y la foto que jamás podré hacer:

La «semana» que viene, más.

Cómo hemos cambiado

Del último Internet Trends de Kleiner Perkins Caufield Byers (bastante interesante en general) me quedo con tres diapositivas…

La población internet ha pasado de unos 35 millones de usuarios en 1995 (el 0.6% de la población global) a 2800 millones (el 39%). El 23% de esos 2800 millones reside en China. Y otro 28% en el resto de Asia, para un total del 51%
¡Bum!

Espectacular, ¿no?

En 1995 había 80 millones de usuarios de teléfonos móviles. En 2014 eran 5200 millones. Un 40% de los cuales usa 'smartphones'
¡Doble bum!

Porcentualmente, Internet ha crecido algo más deprisa que el uso del móvil, pero pasar del 1% al 73% de la población mundial en menos de 20 años es increíble (y buena parte del crecimiento de internet en los últimos años sólo se explica gracias a los móviles).

Y naturalmente, ese crecimiento brutal tenía que notarse en Wall Street…

En diciembre de 1995 las quince compañías públicas más grandes del ámbito internet sumaban una capitalización de 16572 millones de dólares. Lideraban Netscape, con 5415 millones, y Apple, con 3918. En 2015 la capitalización del top 15 es de 2.4 billones de dólares, desde los 763567 millones Apple en el 1 a los 23965 millones de Twitter en el 15
Crecimiento exponencial, cambio radical

…y en el resto del mundo, claro: en un mundo internet que es asiático al 51% es casi curioso que sólo cuatro de las 15 compañías más grandes sean chinas.

Me resulta curioso que, aún con el crecimiento brutal de Apple, su parte del pastel sea muy parecida a la de Netscape en el 95 (de hecho «gana» Netscape, con un 32,32%, por el 31,86% de Apple hoy) o que la compañía 15 de hoy (Twitter) tenga más capitalización que las quince de 1995 (o casi: si actualizamos el precio del dinero de 1995 a 2014, 16,752 millones de 1995 son 25,707 millones de hoy, o un 7% por encima del valor de Twitter). Ah, y aún teniendo en cuenta esa actualización el top 15 de hoy vale casi 94 veces más que el top 15 de 1995. Ahí es nada.

Ah, y a pesar de que Apple es la única compañía que repite desde el 95, la situación de las que aguantan del resto tampoco es tan dramática: Axel Springer vale hoy unos cuatro mil novecientos millones (doblar en 20 años no es tan malo), mientras que IAC vale ahora algo más de seis mil millones (cerca de 19 veces lo que valía en el 95). RentPath es hoy parte de un conglomerado pero valía en 2007 más de mil millones, y la actual Web.com también anda por encima de los mil millones…

Cómo hemos cambiado.

Los tuits de la semana 2.9

Cosas que hacemos y vamos a hacer

El sábado pasado tocó trabajar y pasárselo muy bien

Y, quién lo iba a decir, el sábado que viene toca trabajar y pasárselo muy bien…

RT @UOCeimt El sábado 9 de mayo enseñamos a programar a niñas y niños en Madrid, Sevilla, Barcelona, Salt y Lleida #ScratchDayUOC http://j.mp/1HJmAmz

Los de diseño y desarrollo web

Las cosas que se pueden hacer en la web son alucinantes…

RT @zadvorsky New pen: http://codepen.io/zadvorsky/pen/rVaZoP
#threejs #javascript particle system. All the calculations are done in the shader, so lots of particles!

CSS: Cascading Solar System o.O (via @sitepointdotcom) https://www.tadywalsh.com/web/cascading-solar-system/

mola: http://www.websynths.com

Un minipupurrí de informaciones diversas…

Google Webmaster Tools Mobile-Friendly Test https://www.google.com/webmasters/tools/mobile-friendly/?url=https%3A%2F%2Fobm.corcoles.net

There Is No Fold http://www.lukew.com/ff/entry.asp?1946

RT @mplaine Interesting stats by HTTP Archive: http://httparchive.org/interesting.php. For example, the average size of a web page is, as of April 15, 2015, over 2MB!!!

…y una efeméride importante:

El cacharrito

el wow factor de las demos de HoloLens es alto. muy alto. http://www.theverge.com/2015/4/29/8513561/microsoft-hololens-apps-build-2015

…y unos cuantos cacharrotes:

Y para acabar…

Tetris y matemáticas..