¿Cuál es la tecnología detrás de la aplicación HTML5 / Chrome del New York Times?

Hablando como desarrollador de la aplicación:

El resumen de Jacob Rothstein es impresionantemente completo y preciso.

También vale la pena señalar algunos puntos adicionales:

La aplicación se ejecuta completamente en JavaScript, con todos los elementos visuales representados en tiempo de ejecución, y generalmente a través de algún tipo de plantilla.

Algunos detalles

  • AppCache + WebSQL almacena la aplicación completa para lectura fuera de línea (menos imágenes)
  • Los subprocesos de WebWorker cargan los datos silenciosamente en segundo plano.
  • Muchas transiciones y transformaciones CSS, particularmente para la funcionalidad de la pantalla táctil. El efecto en el rendimiento de la interfaz fue profundo.
  • Typekit está cargando nuestros tipos de letra patentados para darle ese aspecto Timesy

Si desea saber más, no dude en preguntar.

Actualización 1:

Recibí una pregunta sobre Solo.

Solo es un marco interno que actualmente es una extracción de los jugosos bits de Skimmer. Básicamente, me pregunté a qué partes de Skimmer me gustaría tener acceso inmediato en una nueva aplicación, y me burlé de ellas.

Lo principal que hace Solo es resolver una serie de problemas con la asincronía. La mayoría de mis aplicaciones implican solicitar datos de un servidor, actualizar la interfaz de usuario y ejecutar algunas animaciones, y cualquiera de estos procesos podría generar más solicitudes, más actualizaciones y más animaciones, sin mencionar el almacenamiento de datos, que se vuelve abrumador.

A medida que la aplicación crecía en tamaño, también necesitaba una forma de controlar el orden de los componentes de carga.

Solo proporciona un sistema para administrar la carga de modo que los componentes puedan anunciar su disponibilidad cuando lo deseen y cargar cuando la aplicación pueda manejarlos. Además, proporciona una manera de declarar ciertos objetos como portales de comunicación y suscribirse a avisos de eventos.

Solo también captura eventos táctiles y clave y los ejecuta a través de la misma infraestructura.

El resultado final es que usted escribe objetos y los declara como parte del flujo de comunicación. Agrega algunos métodos para manejar la carga y los eventos, y el resto es solo javascript.

Me parece una solución potencialmente extraña, pero la he encontrado útil, y he podido convertir las funciones en un clip rápido usándola.

Su próxima pregunta es probablemente: ¿Lo lanzarán? Respuesta: probablemente. Otro desarrollador aquí está buscando llevar a Solo a un punto donde generalmente se pueda usar. Si todo va bien, podemos decidir lanzar el código oficialmente.

Gracias por la pregunta y el interés.

De una inspección rápida de la fuente:

Están utilizando jQuery 1.4.2, typekit, un manifiesto sin conexión y Google Chrome Frame. Tienen un conmutador de esquema personalizado basado en JSON (las opciones cuando presionas personalizar), así como un marco llamado Solo que maneja eventos de plantillas, configuración, mouse y táctiles.

También están utilizando los siguientes complementos de jQuery:

Tampoco están minificando, lo cual es un poco extraño.

Avísame si me perdí algo.

HTML5 = HTML + Javascript + CSS (+ WEBGL {especialmente para Chrome}) …

Más muestra de demostración abierta HTML5: http://slides.html5rocks.com/