URL Hunter!!

15 marzo, 2011

Etiquetas: , ,

Hoy os quiero presentar una idea que me parece buenísima, al estilo de teaser, URL Hunter! se aprovecha de la barra de direcciones para crear una nueva experiencia en el navegador.

El resultado, un juego. Sencillo, pero efectivo, ha sido desarrollado con jQuery 1.5. Tú eres la “O” que aparece en la barra de direcciones. Usa las flechas derecha e izquierda para mover, cuando estés encima de una “a” presiona la barra espaciadora para matar los “animales” en menos de 30 segundos.

Sencillamente, me parece una idea genial y una pequeña muestra de lo mucho que se puede llegar a hacer.

Actualizando a jQuery 1.3 y su evento live

8 febrero, 2009

Etiquetas: , ,

Acabo de actualizar la libreria de javascript jQuery a su última versión 1.3. A parte de que mejora su rendimiento esta versión, la principal razón para la actualización ha sido ver en persona el funcionamiento del nuevo evento “live“. Y es que:

Binds a handler to an event (like click) for all current – and future – matched element.

Traducción “libre”: cada vez que cree un elemento que coincida con un selector determinado, a este también se le asignaran los eventos deseados sin tener que hacer la misma llamada una y otra vez.

jQuery, o el "javascripi" más fácil!

13 octubre, 2008

Etiquetas: , ,

El otro día, apareció una noticia en JavaHispano en la que se acababa ponendo en duda la capacidad de jQuery. Pués bien, este post para explicar algo de jQuery que creo que hace que este framework me maraville.

Y es:

$().ready(function() {
    //aquí lo que quieras, que funciona
});

Estas simples líneas permiten manipular el DOM de una página web justo en el momento en que este está construido y antes de que esté completamente cargado. Que qué quiere decir esto? Esto es poder ejecutar el javascript, ya sea para manipular el DOM, cambiar estilos al vuelo, asignar eventos a los elementos del DOM, o lo que se te ocurra antes de que el evento “onload” del documento se ejecute.

Y por qué es necesario esto? Necesario, necesario puede que no lo sea. Pero es una ventaja poder ejecutar el javascript antes de cargar, sobretodo, las imágenes que la web pueda tener.

Podeis hacer la prueba. En un mismo html haced dos scripts el primero que muestre un alert como este:

window.onload = function () { alert ("DOM cargado"); }

y el segundo script con el siguiente código:

$().ready( function() {
    alert ("DOM preparado");
}

Cuál es el resultado?