Similar Posts
JSZip: crear ficheros ZIP mediante Javascript
Interesante librería que nos permite crear ficheros ZIP desde Javascript, con unas simples líneas de código podemos crear zips con ficheros de texto, imágenes, crear directorios…
var zip = new JSZip();
zip.add("Hello.txt", "Hello World\n");
img = zip.folder("images");
img.add("smile.gif", imgData, {base64: true});
content = zip.generate();
location.href="data:application/zip;base64,"+content;
El único problema que hay es a la hora de generar el nombre del fichero: Firefox crea un fichero con un nombre extraño y acabado en .part, Safari lo nombra “Unknown” sin extensión, Chrome “download.zip” e IE directamente ni funciona la librería.
Vía / @devongovett
Scrolling usando thumbnail
En esta entrada vamos a explicar cómo desarrollar un scrolling de texto usando para ello una miniatura del texto que se va a mostrar. Dispondremos de una capa con el texto y otra capa con la minuatura del texto, la cual remarca que parte del texto se está enseñando.
Este efecto ha sido testeado en IE6 y en Firefox 1.5 bajo Windows XP, en Opera es posible que no funcione debido a un bug que lleva arrastrando bastante tiempo.
AJAX paso a paso: autocompletado en cajas de texto
Hace ya tiempo escribà en display: NONE cómo hacer que el texto se autocompletara en una caja de texto según se fuera escribiendo en ella. En esa entrada comentaba que la obtención de los datos, que era mediante Javascript, se podÃa realizar mediante AJAX. Hoy vamos a explicar cómo se harÃa esa llamada mediante AJAX.

Read More “AJAX paso a paso: autocompletado en cajas de texto”
Stylize Radio Button & Checkbox with ezMark jQuery Plugin
ezMark is a jQuery Plugin that allows you to stylize Radio button and Checkbox easily. Its very small (minified version is ~1.5kb) compared to other similar scripts. It has been tested and works on all major browsers (IE 6/7/8, Firefox, Safari, Chrome) and it gracefully degrades.To customize the default checkbox/radiobutton image, simply change the …
Lista de ofuscadores para Javascript
Para aquellos que necesiten ofuscar su código Javascript para que sea más difÃcil de entender a los usuarios, les vendrá bastante bien esta lista de aplicaciones que modificarán nuestro código:
- Thicket™ Obfuscator for JavaScript: también válido para ECMAScript, a parte de modificar el código para dificultar su lectura, lo comprime.
- Jasob 2: modifica los nombres de variables, borra comentarios y elimina espacios entre muchas otras cosas.
- Javascript Obfuscator: trata los scripts y ficheros js contenidos en una página html, modificando los espacios, comentarios, nombres de variables y funciones y lo escribe todo en una única lÃnea, añadiendo punto y coma cuando sea necesario. Existe versión online.
- Stunnix JavaScript Obfuscator: modifica javascripts y ECMAScripts contenidos en ficheros HTML, PHP, ASP, JSP.
- JCE Pro: modifica el código javascript para que sea imposible su lectura.
- Scripts Encryptor (ScrEnc): ofusca los siguientes tipos de archivos: HTML, JavaScript/JScript, C/C++/MFC.
- Shane Ng’s GPL-licenced obfuscator: ofuscador con licencia GPL.
- Dean Edwards JavaScript Compressor/Obfuscator: online.
- ESC: ofuscador de código ECMAScript escrito en JScript.
- Jammer: modifica ficheros HTML, Javascript y VRML, comprimiendo su espacio y haciendo que sea difÃcil de entender.
- JSCruncher Pro: reduce una media del 60% del tamaño original.
- Strong JS: elimina caracteres innecesarios y modificando el nombre de variables.
- JavaScript Scrambler: fácil de usar.
- Javascript Encoder from scriptasylum.com: online.
VÃa / Ajax Digest
Mejor técnica para herencia en Javascript
Muy buen artÃculo que nos explica paso a paso cómo conseguir implementar la herencia en Javascript. Aunque Javascript no es un lenguaje pensado en la orientación a objetos, últimamente debido al Ajax y a las librerÃas que van apareciendo, nos solemos encontrar con la necesidad de implementar OO en nuestras aplicaciones clientes y, en casos menos frecuentes, tratar el tema de la herencia en Javascript.
Este artÃculo nos explica desde el inicio de herencia entre clases, hasta los problemas con los que nos vamos encontrando. El problema más frecuente es cuando una clase llama a un método de la clase padre, si se usa this en la clase padre, usará la clase padre, y no la hija, que es lo que se supone que se espera que haga.
Otro problema que nos explica, es la necesidad de indicar cuál es la clase padre, para poder referenciarla. Si se especifica directamente, se puede solucionar el problema, pero si la estructura de clases es compleja, especificar en cada una de ellas cuál es el progenitor, nos encontramos con una estructura difÃcil de mantener.
A parte de resolvernos la realización de herencia entre clases en Javascript, este artÃculo nos enseña a resolver los problemas que nos podemos encontrar, ya que hubiera sido más sencillo darnos la solución, explicarla y listo, pero sin embargo lo que hace es ofrecer soluciones iniciales, ver que problemas representa y luego solucionarlos y pasar a otra versión mejorada.
También me gustarÃa destacar la explicación de los métodos call() y apply() que poseen las funciones en Javascript. Hay que tener en cuenta que en Javascript las funciones son tratadas como objetos, admiten propiedades y métodos. El método call() permite especificar el this utilizado, mientras que el método apply() el array de argumentos que se le pasa a la función.
Introducing the best Javascript Inheritance Technique
