Los tuits de la semana 2.13

Más de un mes desde que recogimos por aquí los mejores tuits de @chechar. Bastante trabajo acumulado, por tanto…

La efeméride del mes

(Por si alguien no la había visto, esta entrada anterior dice ‘un poco’ más sobre el tema…)

Más de diseño y desarrollo web

Un poco de WordPress…

WP API – Using the WordPress REST API http://www.sitepoint.com/wp-api/

Edita en vivo y guarda el CSS de tu WordPress desde Chrome (via @cottonfieldsbcn) http://ceslava.com/blog/edita-en-vivo-y-guarda-el-css-de-tu-wordpress-desde-chrome/

RT ‏@WPBarcelona Guía de seguridad en WordPress por el Centro Criptológico Nacional: https://www.ccn-cert.cni.es/series-ccn-stic/guias-de-acceso-publico-ccn-stic/952-ccn-stic-460

Las 6 claves para la seguridad en WordPress http://wprincipiante.es/6-claves-seguridad-en-wordpress/

WordPress Plugin Development: The Basics Explored http://www.elegantthemes.com/blog/tips-tricks/wordpress-plugin-development-the-basics-explored

Un poco más de código abierto…

Open sourcing Grid, the Guardian’s new image management service https://www.theguardian.com/info/developer-blog/2015/aug/12/open-sourcing-grid-image-service

Awesome-Selfhosted is a list of Free Software network services and web applications which can be hosted locally https://github.com/Kickball/awesome-selfhosted

Firefox private browsing test keeps more of your data off-limits http://www.engadget.com/2015/08/15/firefox-private-browsing-experiment/

Hablando de Firefox, un enlace que os puede interesar si actualizáis a Windows 10:

RT @brucel How to change your default browser on Windows 10 http://blogs.opera.com/news/2015/07/how-to-change-your-default-browser-on-windows-10/

Una gota de accesibilidad…

How to Meet WCAG 2.0. A quick reference to Web Content Accessibility Guidelines 2.0 requirements and techniques http://www.w3.org/WAI/WCAG20/quickref/

Un poco de tipografía…

para los que picáis código y os preocupa la tipografía que usais… http://s9w.github.io/font_compare/

Taking the Guesswork out of Typography on the Web http://www.sitepoint.com/taking-guesswork-typography-web/

Designer Daniel Britton creates font to show what it’s like to have dyslexia http://www.stuff.co.nz/life-style/well-good/teach-me/69558989/designer-daniel-britton-creates-font-to-show-what-its-like-to-have-dyslexia

@rands Tufte CSS: http://www.daveliepmann.com/tufte-css/

Glyphr Studio is a free, web based font designer http://glyphrstudio.com

Y alguna herramienta…

cssstats.com para comprobar (al menos en mi caso :-S) que tu css está “un pelín” sobrecargado…

Breakpoint Tester scans stylsheets for media query breakpoints, letting you check designs by breakpoints http://breakpointtester.com/

Cacharritos…

RT @ArsTechnicaUK Samsung unveils 2.5-inch 16TB SSD: The world’s largest hard drive http://arstechnica.co.uk/gadgets/2015/08/samsung-unveils-2-5-inch-16tb-ssd-the-worlds-largest-hard-drive/ by @mrseb

Incluyendo algunos del pasado:

Review: the 1997 Psion Series 5 personal digital assistant http://www.theverge.com/2015/8/2/9080499/psion-series-5-vintage-pda-review

:-))))) Raspberry Pi-based PDP-8/1 Replica: PiDP-8 http://technabob.com/blog/2015/08/25/raspberry-pi-based-pdp-81-replica/

RT @newsycombinator The Z1: Architecture and Algorithms of Konrad Zuse’s First Computer (2014) [pdf] http://arxiv.org/pdf/1406.1886.pdf

Y hablando de cacharritos del pasado…

La otra efeméride del mes

Amiga 30 and the Unkillable Machine http://spectrum.ieee.org/view-from-the-valley/computing/hardware/amiga-30-and-the-unkillable-machine

RT @arstechnica Powering up the past: Ars goes hands-on with the Amiga 500 http://arstechnica.com/information-technology/2015/07/powering-up-the-past-ars-goes-hands-on-with-the-amiga-500/ by @thepacketrat

Happy Birthday Amiga Computer! http://spectrum.ieee.org/view-from-the-valley/computing/hardware/happy-birthday-amiga-computer

Un poco de matemáticas…

Attack on the pentagon results in discovery of new mathematical tile http://www.theguardian.com/science/alexs-adventures-in-numberland/2015/aug/10/attack-on-the-pentagon-results-in-discovery-of-new-mathematical-tile

RT @newsycombinator Show HN: Walk around unusual geometries http://parametricity.com/pages/diffgeo/Main.html

RT @plusmathsorg Maths in a minute: Why there are only three regular polygons you can tile a wall with http://bit.ly/1Kh7PJX

RT @newsycombinator How to Fold a Julia Fractal http://acko.net/blog/how-to-fold-a-julia-fractal/

…y la otra otra efeméride del mes

The Martian Diaries. Curiosity has explored Mars for over two and a half years. What if the rover kept a scrapbook? https://www.sciencenews.org/article/martian-diaries#Section000

Y cerramos…

…con el mayor «photobomb» de la historia :-D

50 años de hipertexto

—Pero los libros no son interactivos.

—¡Desde luego que lo son! Giras las páginas y ves cosas diferentes. Los libros para niños son con frecuencia muy interactivos, con páginas recortadas para poderlas recombinar, relojes que puedes girar y cosas por el estilo.

Y la interacción no era para nada un concepto nuevo. Había estado en penny arcades desde los 40. Un par de monedas de centavo o una de cinco y podías disparar contra cosas o tirarlas. Eran mecánicos o eléctricos, pero eran un reto para la coordinación y eran capaces de mantener tu atención durante una cuantas monedas.

—¿Así que la interacción en pantalla era el siguiente paso lógico?

—¡Desde luego! Era sólo cuestión de software [ríe].

Cuesta creer que ese fuera el contexto de la persona que acuñó la palabra «hipertexto», pero es que Ted Nelson lo hizo hace ya cincuenta años en una conferencia y, en 1965, tampoco había muchos más referentes posibles…

Las palabras están extraídas de la entrevista que le hacen a Nelson en GigaOm para celebrar el aniversario, que merece la pena leerse con detenimiento.

Eso sí, uno no puede sino sospechar fuertemente que las ideas de Nelson, además de llegar demasiado pronto, eran demasiado sofisticadas y poco pragmáticas (véase su jamás ejecutado Project Xanadu, por ejemplo) y, al final, alegrarse un poco de la ciertamente limitada implementación del hipertexto de HTML y el monumental pragmatismo de Sir Tim Berners-Lee…

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.