oEmbed: oEmbed es un formato para permitir la representación empaquetada de una URL en sitios de terceros. La API simple permite que una web muestre contenido embebido (como fotos o vídeos) cuando un usuario postea un enlace a ese recurso, sin tener que parsear el recurso directamente.

Un ejemplo rápido:

Un consumidor (p.ej. Pownce) hace la siguiente petición HTTP:

* http://www.flickr.com/services/oembed/?url=http%3A//www.flickr.com/photos/bees/2341623661/

El proveedor (p.ej. Flickr) responde con una respuesta oEmbed:

{
 "version": "1.0",
 "type": "photo",
 "width": 240,
 "height": 160,
 "title": "ZB8T0193",
 "url": "http://farm4.static.flickr.com/3123/2341623661_7c99f48bbf_m.jpg",
 "author_name": "Bees",
 "author_url": "http://www.flickr.com/photos/bees/",
 "provider_name": "Flickr",
 "provider_url": "http://www.flickr.com/"
}

GET /photos/bees/2362225867/ HTTP/1.1
Host: flickr.com
Accept: application/oembed+xml

Andrés Nieto comenta que Thomas Frank ha descubierto la forma de almacenar datos desde Javascript en un objeto que sobrevive a la recarga de páginas y por tanto sirve para implementar variables de sesión reales. Eso permite sustituir a las cookies para ese trabajo, pero se ha de tener en cuenta que realmente los datos sólo permanecen mientras se navega por las páginas del site, de forma que al cerrar la pestaña de la página (o el navegador) los datos dejan de estar disponibles. Los datos quedan almacenados en top.name usando una curiosa característica que parece ser multiplataforma.

Como los comentarios en estos posts siempre son ilustrativos, leyéndolos se conocen siempre nuevos proyectos, como JStone o WebRam, que hacen cosas similares.

Probar.

Addendum: Pensando en utilidades para este nuevo truco se me ha ocurrido crear algo parecido al Live Clipboard de Microsoft (ver ejemplo, aunque no me funciona con mi Firefox 3b5). Se trata de una tecnología que facilita la copia de pedazos de información entre páginas web, incluso entre navegadores diferentes. Con SessVars, se podría visitar una página (productora) que guardase un contenido en esa memoria y que se accediese a una segunda página (consumidora) que leyese el contenido guardado. Si el productor está preparado para ello, podría dirigir automáticamente al usuario a la segunda página, con lo que, prácticamente sin intervención manual se podría traspasar información entre páginas incluso de dominios distintos.

Via Waxy.org links encuentro que alguien dice que el nuevo processing.js de John Resig puede suponer el principio del fin de la cultura de fuente cerrada de la tecnología de rich media (Flash, Flex, Java, Silverlight, ...). En Wired Compiler también aprecian el hito que supone este proyecto. Quizás Javascript empieza a fagocitar demasiadas cosas...

Resulta tan simple que da un poco de vergüenza postear sobre esto, pero la utilidad es indudable. Creada sobre la reciente Google App Engine (y por tanto con Python), TinyDB permite guardar los parámetros que se envien a la URL http://tinydb.org/_write con GET o con POST en su base de datos y recibir a cambio una URL fija que servirá posteriormente para recibir los parámetros pasados originalmente. Se permite indicar el formato de recuperación con el parámetro _f (js, json o xml).

Suena simple porque lo es. Pero permite implementar, por ejemplo, un servicio como el de tinyurl.com sin preocuparse de la bases de datos. Las metas del proyecto son:

1. Facilitar una API simple para escribir y leer pequeños bloques de datos desde cualquier sitio
2. Servir como plataforma sobre la que escribir aplicaciones twitter y widgets/componentes javascript.
3. Sortear crossdomain.xml (Flash) en formas creativas e interesantes

Aunque podía parecer evidente que si Processing.js funciona sobre Firefox (3.0 beta 5), también lo iba a hacer sobre Prism (antes XUL Runner), ni a su mismo autor, John Resig, se le había pasado por la cabeza. Las posibilidades que abre aún están por explorar... pero en Hackety.org ya han empezado con un pequeño editor que ejecuta directamente un script en Processing y que se puede probar aquí:

.
Un script para probar aquí.

Addendum: obsessing.org es un entorno JavaScript puro para trabajar con processing.js. La idea es muy buena, pero está plagada todavía de errores y el editor es inusable. Sin duda, el trabajo de Resig va a suponer un impulso importante para Javascript, para Processing, para XUL y también para el trabajo con el componente canvas del navegador.

Tras el éxito en soitu.es de sus famosas gráficas para las elecciones y tras el éxito conseguido facilitarlas como widget, ahora se animan con nuevas gráficas abiertas para uso de los internautas:

Ver en soitu.es.

Processing.js es un nuevo y espectacular proyecto presentado por John Resig.

Processing es, según la wikipedia, un "lenguaje de programación y entorno de desarrollo (IDE) construido para las comunidades de diseño visual y de artes electrónicas". Se trata de un proyecto orientado totalmente a la programación visual, parecido a Flash, con una gran base de programadores y que utiliza Java como plataforma.

Resig ha hecho el enorme esfuerzo de portar la plataforma entera a Javascript (5000 líneas, 10KB comprimidos) aprovechando el canvas de los navegadores modernos.



Más ejemplos: básicos, complejos y tópicos.

Presentación (PPT) en Beijing de HedgerWow con interesantes consejos para acelerar y gestionar (cachés, colas inteligentes, ...) las peticiones Ajax al servidor.

Via el el blog de Marco descubro PHPro.org, un sitio con decenas de ejemplos, artículos y tutoriales. Referencia imprescindible para quien programe con PHP.

Marcos Fernández ha creado un excelente tutorial (vía aNieto2k) sobre como leer todos los archivos .js de una página, unirlos en uno sólo y comprimirlos con jsmin-php (versión en PHP del compresor JSMin de Douglas Crockford).

Me ha gustado la solución final en hedgerwow.com, así que copio aquí las distintas opciones:

El primer intento da un error ya que se espera un nombre de función:

function(){ alert(1); }();

(function(){ alert(1); } ) ( );

( function(){ alert(2); } ( ) );

void function(){ alert(3); }()

En este PDF se puede descargar la última versión de la hoja de referencia (o chuleta) para posicionamiento en buscadores dirigida a desarrolladores web. Publicada por seomoz.org, la página de referencia en el arte de hacer crecer la importancia de una página para mejorar su lugar al realizar una búsqueda.

Que Firebug se ha convertido en una herramienta imprescindible es algo que ya no duda nadie. Primero fue Microsoft la que fusiló la herramienta para su futuro Internet Explorer 8.0. Ahora es Opera la que convencida de su enorme utilidad la ha implementado en la versión 9.5 de su navegador. Otro pasito...

Ya comenté anteriormente que hace bastantes años descubrí en la revista Investigación y Ciencia el RedCode, un lenguaje para crear programas que combaten en una memoria lineal por hacer fallar al otro programa. Ya en aquella época se me ocurrió crear una versión bidimensional del RedCode en el que ciertas instrucciones cambiaban la dirección en la que se ejecutaba la siguiente instrucción. Pero aquello quedó en una día...

...hasta hoy. He tropezado con Piet, un lenguaje cuyos programas parecen cuadros abstractos (ver galería). Incluso han creado un IDE (entorno de desarrollo) online con Javascript. Este sería un típico "Hola Mundo":

John Resig, el autor de jQuery ha creado un parseador de HTML con Javascript. Es decir, un programa capaz de leer un documento en HTML que no cumpla el estándar XHTML y convertirlo en un documento XML válido.

Gracias a que ha hecho mención de ello he descubierto el fruto de su trabajo durante un fin de semana de Julio del 2007, en el que creó algo más importante: una librería para permitir trabajar con documentos XHTML en el lado del servidor.

Se trata de un archivo llamado env.js que cargado desde Rhino (el intérprete Java para ejecutar código Javascript) permite hacer cosas como cargar la librería Prototype en el servidor:

$ java -jar build/js.jar
 Rhino 1.6 release 6 2007 06 28
js> load('build/runtest/env.js');
js> window.location = 'test/index.html';
 test/index.html
js> load('prototype.js');
js> $$('div p')
 <p#firstp>,<p#ap>,<p#sndp>,<p#en>,<p#sap>,<p#first>
js> Object.toJSON({foo:'bar',baz:true});
 {'baz': true, 'foo': 'bar'}
js> var fn = (function(name,msg){
  print(name + ' ' + msg); }).curry('John');
js> fn('hello!');
 John hello!

load("env.js");
window.location = "http://alistapart.com/";
window.onload = function(){
  load("dist/jquery.js");
  print("Newest A List Apart Posts:");
  $("h4.title").each(function(){
    print(" - " + this.textContent);
  });
};

HedgerWow: usar la propiedad display:inline-block parece una más que buena idea: tiene un comportamiento más previsible que el tradicional float:left.

jsvi es un clon de vi escrito en puro javascript y que debería funcionar con cualquier navegador moderno. jsvi tiene un tacto a los dedos como el de vi, soporta comandos ed/ex commands, respeta unicode, soporta comprobación de la escritura en tiempo real conforme tecleas, e integración con el portapapeles del sistema. Respecto a la compatibilidad de vi, jsvi soporta casi todas las teclas de vi, y casi todos los comandos ed/ex.

Jay Pipes es el autor de esta presentación (PDF) sobre cómo optimizar MySQL con la creación de las tablas y la forma de realizar las consultas. Imprescindible para cualquiera que trabaje con bases de datos relacionales... o sea, todos, ¿no?

La gente de Wordpress.com explica en un post en su blog el proceso que sigue una petición para ser servir un recurso estático (imagen) desde que llega a sus servidores (pound) hasta que se genera la respuesta, ya sea porque esté cacheada (memcached) en sus instalaciones o obteniéndola a través de Amazon S3.

Adobe Open Screen Project es una iniciativa de Adobe para abrir su estándar SWF (Flash), eliminar las restricciones de las licencias que impedían que terceros creasen reproductores para Flash y Air y para eliminar los pagos por licencias de Flash para dispositivos (adivino que la decisión de Apple de no implementar Flash en el iPhone y la de Nokia de flirtear con Microsoft SilverLight no les debe haber sentado muy bien).

En Error500.net valoran muy positivamente el movimiento dentro del mercado de las RIA y contra el establecimiento de tecnologías propietarias que frenen su crecimiento.

Página oficial de Open Screen Project, Pregunas frecuentes y Nota de prensa.

Core Techniques and Algorithms in Game Programming es un detallado libreo online sobre programación de juegos, incluyendo gráficos 2D y 3D, inteligencia artificial, código de comunicaciones para multijugadores, renderizado de interiores y exteriores, animación de caracteres y mucho más. Via Simon Willison.