obm, 1990

En la versión de 1990 obm es en blanco y negro y no tiene imágenes. ¡Pero funciona!

Me encanta. En el CERN han decidido conmemorar 30 años de web de la mejor manera posible: recuperando el primer navegador de la historia . Y no necesitas un NeXT para ejecutarlo: basta con tener cualquier navegador moderno y seguir en enlace.

Copio-traduzco-y pego de la web del CERN:

En diciembre de 1990 se desarrolló una aplicación llamada WorldWideWeb en una máquina NeXT en la Organización Europea para la Investigación Nuclear (conocida como CERN) en las afueras de Ginebra. Este programa – WorldWideWeb — es el antecedente de la mayor parte de lo que consideramos o conocemos como «la web» hoy.

En febrero de 2019, en celebración del trigésimo aniversario del desarrollo de WorldWideWeb, un grupo de desarrolladores y diseñadores ha convergido en el CERN para reconstruir el navegador original dentro de un navegador contemporánea, permitiendo a usuarios de todo el mundo experimentar los bastante humildes orígenes de esta transformadora tecnología.

¿Lo mejor de todo? Que una web actual medianamente bien hecha es todavía perfectamente visible con un navegador de hace treinta años: sin imágenes, sin colores, sin interpretar determinados caracteres, pero perfectamente legible y navegable. Nada mal para el proyecto de Sir Tim Berners-Lee :-).

(Y siguiendo el enlace podréis consultar un montón de información sobre el proyecto: desde fragmentos del código original a cómo se ha conservado la tipografía de los NeXT para el proyecto.)

Mi configuración perfecta para Firefox

Dentro de nada llega Firefox 57 (marcad la fecha en el calendario: 14 de noviembre). Entre nosotros: va a ser una pequeña revolución. Los «verdaderos fans de Firefox» nunca nos rendimos a Chrome (ni siquiera a Opera, que ahora mismo es la mejor opción si queremos tener el motor del navegador de Google pero sin tanto Google y un poco más de innovación noruega-pasando-por-China (y si el pasando-por-China os sobra, también podéis considerar Vivaldi)), pero el poder de Google se ha hecho notar durante mucho tiempo y Chrome le ha hecho a Firefox básicamente la segunda parte de lo que Microsoft le hizo a Netscape… Pero. Y es un gran pero. El lavado de cara que le ha hecho Mozilla a Firefox con su versión 57 (que ya se puede probar, si queréis, descargando e instalando Firefox Developer Edition) es de impresión y, hacedme caso, el día que salga la 57, haceos un favor, descargad, instalad y disponed como navegador por defecto (si queréis luego me dais las gracias, pero no es necesario ;-)).

En cualquier caso, hoy en día un navegador no es tu navegador hasta que te lo has «tuneado» a gusto. Y eso, en esta casa, significa cargarlo con las extensiones que te van a ahorrar sangre, sudor y lágrimas. Para los que vais a volver a Firefox después de un tiempo, aquí va una lista de mis favoritas:

Primero, las prácticamente esenciales:

  • Firefox Sync, de hecho, no es una extensión, sino un componente nativo de Firefox desde hace bastante tiempo. Permite sincronizar pestañas, historial y favoritos entre el navegador de casa, el del trabajo y el del móvil (y los que hagan falta). Pero con la garantía de la Fundación Mozilla, no un servicio comercial. Y una cosa más: también nos permite enviar una pestaña de un navegador a otro. Extremadamente útil.
  • I don’t care about cookies. Contra el vicio de la UE de exigir el inútil y estúpido aviso de cookies que debe haber consumido siglos enteros en clicks para aceptar-sin-leer, esta extensión que los mata bien muertos e impide que ni siquiera lleguemos a verlos. No te das cuenta de lo maravillosa que es hasta que te sientas ante un navegador que no la tiene.
  • Tree Style Tab. Entramos en la sección para DD (Diógenes digitales). Sí, os reconocéis: los que cuando tenéis menos de 20 pestañas en el navegador os sentís como desnudos. Tree Style es el primer plato para mejorar vuestras vidas. En un mundo de pantallas panorámicas y ultrapanorámicas, de espacio horizontal excesivo y vertical limitado, tener las tropecientas pestañas amontonadas en la parte superior de la ventana, donde apenas hay espacio para leer dos o tres caracteres del título es, como mínimo, poco práctico. Tree Style os las coloca en una barra lateral (y con estructura de árbol, si queréis), un espacio que no estáis usando y donde la legibilidad de los títulos es mucho mayor.
  • Snoozetabs. Segundo plato. ¿Recordáis todas esas pestañas que guardáis ahí, valga la redundancia, como recordatorios? Sabéis que no las vais a usar hasta dentro de un tiempo, pero las queréis conservar (hasta que un día el navegador se cuelga y os las pierde, sin remedio, para vuestro profundo cabreo). ¿Por qué no decirle al navegador que las cierre y las vuelva a abrir esta noche, la semana que viene o dentro de un mes, sin consumir neuronas ni espacio visual, y fuera del alcance de los cuelgues? Eso es, sí, lo que hace Snoozetabs. De nada. (Snoozetabs es parte de Test Pilot, una extensión de extensiones que Mozilla utiliza para probar características nuevas para el navegador que están considerando incluir en versiones futuras, para que las podamos testear y recoger datos e impresiones sobre su funcionamiento. Brillante iniciativa. Dentro de dos ítems os recomiendo otra de sus extensiones, pero no dejéis de pasar por su página para comprobar lo que tienen disponible.)
  • Unload Tab. Tercer y último plato anti-DD. Os habéis librado de unas cuantas pestañas con Snoozetabs, pero quedan unas cuantas de las que no vamos a conseguir despegarnos… pero que no vamos a usar hasta dentro de bastante tiempo. Y mientras tanto consumen memoria y recursos. Unload Tab hace exactamente lo que dice: descarga la pestaña de su contenido. La pestaña y su título siguen ahí, pero el navegador no volverá a cargarla hasta que hagamos click en ella.
  • Y la última de la lista, otra extensión de Test Pilot: MinVid. Para los que consumimos vídeos de YouTube y o Vimeo mientras hacemos otras cosas con el navegador (también soporta audio de SoundCloud). MinVid nos permite arrancarle el clip de vídeo o audio de su pestaña del navegador y dejarlo en una ventana reducida y flotante que podemos dejar reproduciendo a la vista mientras seguimos trabajando (o haciéndolo ver) en otra cosa. Y quien dice un vídeo dice unos cuantos: dispone de la funcionalidad de ir agregando vídeos a la cola a voluntad.

Las optativas:

  • AddToAny. ¿Sabéis la botonera que tienen tantos sitios para compartir contenidos en Facebook, Twitter y todos los servicios de moda? Con AddToAny la botonera te la llevas puesta, y la configuras con los servicios que quieres (en mi caso, Twitter, GMail, Diigo, Mendeley, Buffer y Pocket).
  • Google Scholar solo te será útil si trabajas en entornos académicos. Pero si es el caso…
  • Unpaywall. También para académicos. Cuando llegas a la web de un artículo en revista (y con un precio de acceso habitualmente estratosférico) busca versiones gratuitas del artículo.
  • Video Speed Controller. ¿Viendo una explicación de algo en vídeo que va demasiado leeeeeenta? ¿O que corre demasiado? Solucionado.

Las que echaremos de menos. Con Firefox 57 se extingue la vieja arquitectura que daba soporte a los plug-ins y extensiones de Firefox. A pesar de que es una muerte anunciada con muchísima antelación, algunos desarrolladores han abandonado sus plug-ins (cosas que pasan, y seguro que tienen sus motivos). Estos son los que yo lloraré:

  • QuoteURLText era una pequeña maravilla que nos permitía a los blogueros enlazadores compulsivos generar enlaces a una página web de manera súper configurable.
  • Web Developer de Chris Pederick, una extensión para desarrolladores a la que uno le había cogido un cierto cariño (y no perdamos la esperanza, que amenaza con versión nueva para la salida de Firefox 57. A ver si es verdad).
  • Y Firebug… Probablemente, la extensión más amada por cualquiera que se dedique a esto de la web, cuya muerte se está certificando estos días… porque con el tiempo se ha ido integrando en las «devtools» de Firefox. Firebug ha muerto, larga vida a Firebug :-).

Ah, y como siempre, para cerrar en este tipo de entradas: ¿cuáles me he dejado? Ahí tenéis los comentarios.

Compute-to-pay

Para la aún inexistente categoría en este blog de «ideas de negocio que muy probablemente no funcionarían en la práctica»…

La cosa comenzó hace unas semanas. Haciendo bueno el dicho de que «todo lo que se puede hacer en JavaScript acabará implementándose en JavaScript», han comenzado a aparecer bibliotecas en dicho lenguaje para minar Bitcoin (y otras cibermonedas, imagino) en el navegador. El advenimiento de WebASM (que promete que puedes escribir software que corre en el navegador pagando un coste sobre el rendimiento de apenas un 5 o 10% (jamás estuvimos tan cerca del «escribe el programa una vez y que ejecute en cualquier cosa»)) debería hacer que, además, esto fuera más o menos factible a muy gran escala (alguien estimaba hace unas semanas que un sitio del volumen de The Pirate Bay podría generar unos 12,000 dólares al mes (seguro que ingresan mucho más por publicidad)). Y la estimación la hacían, claro, porque alguien habíaa pillado al sitio de torrentes minando con los ordenadores de sus visitantes sin avisar (desde entonces han explicado lo que hicieron y sus motivos; vamos a ser buenos y suponer que no lo han hecho exclusivamente porque les habían pillado). Desde entonces, obviamente, ya han surgido quienes hacen lo mismo pero de manera más transparente.

El problema que se intenta resolver es el de siempre: monetizar una web es más difícil que transmutar el plomo en oro. ¿Podría un minado así funcionar para monetizar sitios de contenidos como alternativa a la publicidad? Los cálculos que daban los $12,000 al mes para The Pirate Bay vendrían a significar que un céntimo de dólar «cuesta» la friolera de 78750 segundos (casi 22 horas) de permanencia en el sitio… Este sitio, en sus buenos viejos tiempos, llegó a tener unas cincuenta mil visitas al mes (y eso, hoy en día, seguirían siendo unos números más que apañados, creo). Si nos vamos a 100 segundos por visita (una cantidad ciertamente muy generosa, pero vamos a tirar alto) estaríamos a un céntimo por 788 visitas o €0.63 al mes, equivalente a un CPM de 1.2 céntimos.

¿Es ese un buen CPM para un sitio web? Vaaserquenó. ¿Podemos pintar una situación mejor? Supongamos que hacemos un «benchmark» en un segundo al cargar la página y descartamos los ordenadores de rendimiento medio y bajo (a los que les servimos un anuncio convencional), con lo que para un subconjunto de nuestras visitas el minado-como-pago se fuera, pongamos por caso, a los 3 céntimos por mil visitas de cien segundos y que estamos en un sitio en el que el tiempo por visita es muy alto y que mejoramos la eficiencia de la biblioteca… ¿quizá 5, a lo mejor 6 céntimos de CPM? Me da a mí la impresión de que de momento el compute-to-pay no es una opción razonable para casi nadie… pero que a lo mejor sitios como Wikipedia o Pocket (sobre todo ahora que este último pertenece a la fundación Mozilla y, por tanto, socialmente es tan aceptable como Wikipedia) podrían comenzar a apuntarse al esquema. Yo me apuntaría (y por poco que me insistieran, estaría dispuesto a dejar el navegador en su página unos minutos al día) :-).

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…