Sentido Web

Sentido Web es un blog sobre desarrollo web, en el que se comparten referencias y explicaciones sobre PHP, Ajax, XHTML, MySQL y mucho más...

Archivo para la categoría ‘Javascript’

16Mar
10

WebSockets en HTML5

HTML5 introduce una característica que puede mejorar sustancialmente las aplicaciones web, los WebSockets, los cuales permite crear un canal de comunicación bi-direccional entre el cliente y el servidor, solucionando los problemas que presenta Ajax o Comet. El ancho de banda ahorrado tiene una proporción de 500:1 y una latencia de 3:1, resultados increíbles que hacen [...]
09Mar
10

Lawnchair: ‘base de datos’ clave-valor en Javascript

Lawnchair es una base de datos documental basada en JSON y que funciona en el cliente (Javascript). Puede venir muy bien para desarrollo de aplicaciones para móviles. Es muy fácl de usar y permite operaciones de escritura, lectura, búsqueda y eliminación. var people = new Lawnchair(’people’); // Saving a document async people.save({name:’frank’}, function(r) { console.log(r); }); // [...]
18Feb
10

Drag & Drop de ficheros en Firefox

Esto puede dar mucho juego, pero tan solo funciona en Firefox 3.6+, por lo que no podemos depender de este script en nuestras aplicaciones. A partir de la versión 3.6, Firefox permite realizar drag&drop de ficheros en nuestra web y mediante Javascript poder obtener los ficheros o textos que se arrastren contra un elemento específico. Su [...]
15Feb
10

HTML 5 Web SQL Database

Está claro que el HTML5 nos ofrece muchas posibilidades, pero una de las opciones que más me ha gustado es la de tener bases de datos locales. Para abrir una conexión deberíamos ejecutar lo siguiente: db = openDatabase(”ToDo”, “0.1″, “A list of to do items.”, 200000); Y para la ejecución de sentencias hay que echar mano de transacciones: db.transaction( [...]
05Feb
10

Plupload: sube varios ficheros fácilmente

Plupload es un script creado por los autores de TinyMCE. Permite subir ficheros usandoHTML5 Gears, Silverlight, Flash, Yahoo! BrowserPlus o formularios normales, además permite subida progresiva, redimensionado de imágenes y chunked uploads. Está dividido en dos partes: Core API y una cola de subida jQuery, lo cual permite que creamos nuestra propia implementación. Además en Firefox [...]
25Jan
10

jQuery.sheet: inserta hojas de cálculo en tu web

jQuery.sheet es un script de jQuery que permite añadir hojas de cálculo en tu web. Permite bastantes funcionalidades, tal y como cualquier hoja de cálculo: Excel, OpenOffice o Google Docs: Redimensionar filas y columnas Funciones Editar el contenido de las celdas Permite temas/css jQuery.sheet Vía / WebAppers
19Jan
10

iJab: chat javascript usando XMPP/Jabber

iJab es una librería javascript que nos permite añadir chat en nuestras aplicaciones web, con la característica que usa XMPP/Jabber para realizar las comunicaciones. Entre las características encontramos: Basado en el protocolo XMPP: lo cual permite usar servidores basados en ese protocolo Soporte para MSN y AIM, añadiendo transports al servidor XMPP Totalmente Javascript Compatible con Firefox, IE, Chrome y [...]
13Jan
10

jsPDF: crea PDFs directamente desde Javascript

Interesante javascript que nos permite crear PDFs sin necesidad de aplicaciones en el servidor, sino usando únicamente una librería PDF. Su uso es muy sencillo, devolviendo una URL con Content-type y codificada en Base64:   var doc = new jsPDF(); doc.setFontSize(22); doc.text(20, 20, ‘This is a title’);   doc.setFontSize(16); doc.text(20, 30, ‘This is some normal sized text underneath.’);   // Output as Data URI doc.output(’datauri’); A [...]
30Nov
09

jQSlickWrap: texto alrededor de una imagen con jQuery

jQSlickWrap es un plugin jQuery que nos permite mostrar el texto según el contorno de una imagen. Para ello hace uso del objeto CANVAS. Yo no soy muy partidario de usar estas funcionalidades, pero en diseños vistosos puede quedar muy bien. Independientemente de su funcionalidad, el script es impresionante. jQSlickWrap Vía / CSS Globe
11Nov
09

¿El futuro de Javascript?

El creador de Javascript habla del futuro que tendrá, al menos ECMA. Una de las opciones que indica es la posibilidad de añadir propiedades a objetos e indicar setters y getters (indicar y recuperar el valor). Object.defineProperty(obj, “length”, { get: function() { return this.computeLength(); }, [...]