Si programas páginas web es muy posible que tengas que tocar a Javascript, y si trabajas con Javascript es muy posible que también utilices uno o más de sus populares frameworks (librerías de marcos de trabajo) como JQuery, Prototype.js, Processing.js, etc, así como quizás te mojes las manos un poco con técnicas de AJAX y HTML5.

Si caes en esa definición de programador, esta herramienta de hoy te caerá no solo como anillo al dedo, sino que será una de tus favoritas...

La herramienta se llama JSFiddle y es una herramienta 100% web, por lo que la utilizas dentro de tu navegador web sin instalar nada con solo visitar la página oficial de la herramienta, la cual a propósito ni siquiera requiere que te registres y es totalmente gratis. Simplemente visitas la página y empiezas a trabajar.

Lo que JSFiddle hace es extremadamente simple, pero altamente poderoso, en particular para los que programan estos frameworks con regularidad: JSFiddle te ofrece un ambiente de varias ventanas dentro de tu navegador web, en donde en una de ellas puedes escribir HTML, y en otra sentencias de Javascript (como por ejemplo, selectores de JQuery), y después en otra ventana ves el resultado.

Esto es algo que todos hacemos, pero con páginas de pruebas: Creamos una nueva página, la inicializamos con código, incluímos las librerías que vamos a utilizar, después escribimos el código, y después accedemos a los resultados por medio de nuestro propio servidor web o un servidor remoto (en cuyo caso, hay que también que subir el código primero antes de probarlo).

Con JSFiddle, todo eso desaparece y puedes ir directo al grano: Eliges la versión de la librería que deseas, copias un pedazo de HTML (o utilizas el que te ofrecen por defecto), lo modificas, y escribes tu Javascript para ver si hace lo que esperas que hagas, y listo. Varios minutos se reducen a segundos.

De paso, esta es una super-excelentísima herramienta para aprender no solo Javascript, sino que JQuery (mi librería favorita) y otros frameworks, pues en esencia lo que JSFiddle hace es proveerte de el equivalente a un linea de comando directa al corazón de Javascript.

Si quieren ver un ejemplo, hagan clic en este enlace que les presentará un trozo de código de HTML arriba, con un selector de JQuery abajo, y después hagan clic en el botón de arriba que dice "Run" y verán el resultado a la derecha (y en el panel de la izquierda notarán que pueden elegir entre otros frameworks y sus varias opciones.

Espero esto les sea tan útil como a mi :)

Página oficial de JSFiddle

Actualización: Otra excelente herramienta y que funciona muy similar a esta, pero para crear código CSS, es CSSDesk (gracias al lector angelbotto por recomendarla en los comentarios)

autor: josé elías