Archive for the 'javascript' Category

Protovis

Protovis es una api Javascript para la creación de gráficas haciendo uso del elemento canvas de HTML 5. Aún esta en fase experimental y solo funciona en Firefox, Chrome y Safari pero aún así promete. Se distribuye además con licencia BSD.

protovis

Anuncios

jTouch

Para los que se hayan sumado a la moda del iPhone/iPod Touch añado jTouch a la lista de chuletas de jQuery.

Robot animado con jQuery

jQuery + un poco de imaginación = un robot animado como este (http://css-tricks.com/jquery-robot/):

image-architecture

Ya me gustaría a mi tener tiempo para dedicarme a este tipo de cosas.

Visto en: smashingmagazine.com

Chuletas de jQuery

Normalmente como guía de referencia rápida de jQuery uso Visual jQuery. Algunas alternativas interesantes son:

  • remysharp.com: Búsqueda por palabras clave con autocompletion. También existente en versión stand-alone (Adobe Air).
  • bassistance.de: Browser de documentación organizadada de forma arborescente.

jquerycheatsheet

Y si prefieres el papel:

http://refcardz.dzone.com/refcardz/jquery-selectors

http://yensdesign.com/2008/12/useful-jquery-cheatsheet/

APIs Javascript para la visualización avanzada de datos

Ojeando los enlaces que un colega tiene publicados en del.icio.us, me he encontrado uno muy interesante con un recopilación de 6 librerías JS para la creación de gráficos avanzados: cronoscopios, árboles hiperbólicos, etc.

Como no me quiero repetir, y mucho meno hacer C&P, dejo directamente el enlace http://www.84bytes.com/2008/10/22/advanced-data-visualization-tools-built-with-javascript/.

jslibs – Ejecutando JS fuera del navegador

A pesar de sus potentes características, el lenguaje JavaScript ha sido siempre considerado un lenguaje secundario. Su capacidad para el manejo de excepciones, uso de closures, recolector de basura, etc …, lo podrían convertir en un eficiente y moderno lenguage de script de propósito general como Python o Ruby.

El mayor inconveniente que tenía Javascript para lograr convertirse en un lenguaje de propósito general era que hasta ahora no exitía ningún modo de ejecutarlo sin la dependencia de un navegador. Digo hasta ahora, porque ya es posible gracias a jslibs. jslibs es una librería basada en el motor de JavaScript de Mozilla (Spidermonkey) que permite precisamente la ejecución de código JS fuera de un browser, o lo que es lo mismo, ejecutar código js en modo stand-alone.

Tiene buen color así que voy a ver que tal chuta en mi Ubuntu:

1 .- Lo descargo del repositorio de subversion en un directorio de mi máquina:

svn checkout http://jslibs.googlecode.com/svn/trunk/ jslibs

2.- Tras esperar un rato bastante largo (son muchos ficheros a descargar), entro en el directorio jslib recien creado:

cd jslibs

3.- Compilo las fuentes descargadas (Debo tener instalado de antemano el paquete build-essential).

make all copy

4.- Una vez compiladas las librerías, verifico que todo ha ido correctamente.

ls -al ./opt/

Y obtengo algo parecido a esto:

total 3024
drwxr-xr-x 2 root root 4096 2008-10-22 23:18 .
drwxr-xr-x 7 mister mister 4096 2008-10-22 23:20 ..
-rw-r--r-- 1 root root 1406 2008-10-22 23:18 jsautocfg.h
-rw-r--r-- 1 root root 12057 2008-10-22 23:18 jsautokw.h
-rw-r--r-- 1 root root 10100 2008-10-22 23:18 jsautooplen.h
-rwxr-xr-x 1 root root 827432 2008-10-22 23:18 jscrypt.so
-rwxr-xr-x 1 root root 17496 2008-10-22 23:18 jsdebug.so
-rwxr-xr-x 1 root root 56280 2008-10-22 23:18 jshost
-rwxr-xr-x 1 root root 90128 2008-10-22 23:18 jsio.so
-rwxr-xr-x 1 root root 7756 2008-10-22 23:18 jsobjex.so
-rwxr-xr-x 1 root root 743068 2008-10-22 23:18 jssqlite.so
-rwxr-xr-x 1 root root 56296 2008-10-22 23:18 jsstd.so
-rwxr-xr-x 1 root root 64216 2008-10-22 23:18 jsz.so
-rwxr-xr-x 1 root root 888484 2008-10-22 23:18 libjs.so
-rwxr-xr-x 1 root root 257900 2008-10-22 23:18 libnspr4.so

5.- Fijo las variables de entorno

. ./setenv.sh

6.- Creo un js de prueba.

LoadModule('jsstd');
LoadModule('jsio');
Print('Hola Pollo. Qué hermoso día,\nVerdad...');
File.stdin.Read();

7.- Y finalmente lo ejecuto.

jshost holamundo.js

Para obtener el resultado esperado:

Hola Pollo. Qué hermoso día,
Verdad..
.

Parece que funciona 😉

jQuery Quicksearch

Me atrevería a decir que ya hay miles de plugins de jQuery. Entre ellos jQuery Quicksearch me ha parecido especialmente útil. Permite el filtrado por texto de filas de tablas, items de listas o parráfos.

Su uso es muy sencillo. Por ejemplo, el siguiente snippet añadiría un input sobre la tabla especificada para poder filtrar filas a partir del texto introducido en dicho input.

$('table#table_example tbody tr').quicksearch({
	position: 'before',
	attached: 'table#table_example',
	stripeRowClass: ['odd', 'even'],
	labelText: 'Search the table',
	delay: 100
});

Visto en http://encosia.com/2008/10/19/7-of-my-favorite-jquery-plugins-for-use-with-aspnet/


Add to Technorati Favorites
Clicky Web Analytics Clicky

Flickr Photos