Sentido Web

MSX es un ordenador de hace la tira de años que cuando eramos pequeños nos parecía increíble y que ahora nos parece paleolítico. jsMSX es un emulador realizado en Javascript y Canvas que permite ejecutar juegos para ese sistema. En sí la aplicación no tiene mucha utilidad, pero es interesante desde el punto de vista de [...]

Interesante script que realiza el efecto de escala de grises en cualquier imagen o elementos HTML. Funciona para navegadores que permiten canvas, IE ya tiene un filtro que lo realiza. Su uso es muy sencillo, tan sólo importar la librería y ejecutar el siguiente código: grayscale( document.getElementsByTagName(’div’) ); “Grayscaling” in non-IE browser Vía / Script & Style

Buen plugin para jQuery que permite crear gráficas de datos accesibles mediante canvas. El script es bastante fácil de usar, se crea una tabla (sí, si, con <table>, que es para lo que se deben usar), y el script dibuja los datos en un canvas. Ofrece la posibilidad de crear gráficas de pie, barras y líneas, [...]

Interesante script que usa canvas para detectar rostros en las fotografías. Se basa en openCV y en el post de John Resig para evitar un captcha. Permite la opción de reconocer una cara o varias caras, este último lo he probado con una foto y no me ha funcionado, pero como bien dice el autor, aún [...]

typeface.js es una librería que nos permite crear texto usando fuentes mediante javascript (canvas, SVG o VML para IE). El uso es muy sencillo: &lt;div class="myclass typeface-js" style="font-family: Helvetiker"&gt; Text here in Helvetiker font… &lt;/div&gt; Además ofrece una utlidad en Perl que permite convertir truetypes a trucefaces. typeface.js Vía / WebAppers

Bluff es un script que nos permite realizar gráficas de forma sencilla en Javascript. Es necesario incluir la librería JS.Class para que simule canvas en IE. Crear gráficas es muy sencillo y solo deberemos incluir un script parecido a este: &lt;canvas id=”example”&gt;&lt;/canvas&gt; &lt;script type=”text/javascript”&gt; var g = new Bluff.Line(’example’, 400); g.theme_37signals(); g.title = ‘My Graph’; g.data(’Apples’, [1, 2, 3, 4, 4, 3]); g.data(’Oranges’, [...]

Impresionante la librería que ha creado Nicolas Garcia Belmonte que permite crear gráficas RGraph, Treemaps o Hyperbolic Trees. ¿Y qué tipo de gráficas son estas? pues explicándolo llanamente, las que muestran relación entre elementos usándo árboles, pero algo más visuales, centrando nodos. Por lo poco que he visto, está desarrollado en Canvas y para IE lo [...]

El elemento CANVAS nos permite dibujar directamente en el HTML y el script que os muestro nos permite transformar el canvas en imagen (BMP, JPEG y PNG) o guardarla en nuestro disco duro. Un ejemplo de uso es el siguiente: var strDataURI = oCanvas.toDataURL("image/jpeg"); Canvas2Image

Aunque no es un estándar, esperemos que lo sea pronto, creo que el elemento canvas es algo que puede ser muy interesante, a parte que me puede servir para alguna entrada que tengo en mente.

CANVAS es un elemento no estándar que permite dibujar gráficos directamente sobre el HTML. Inicialmente lo implementó Apple para Safari, pero ahora es WHATWG quien se encarga de su estandarización. Al no ser un estándar, se han levantado voces en contra de ello, sobre todo existiendo el SVG que realizaría la misma función. La cuestión sobre [...]