19Nov
2011
<!-- 1 -->
Uno de los mayores problemas con los que nos hemos encontrado a la hora de hacer aplicaciones que suben ficheros, es mostrar al usuario cuánto se ha subido y así poder saber cuánto queda. Ahora con HTML5 y XMLHttpRequest Level 2 podemos mostrarlo sin necesidad de parte del servidor. El script hace uso de Evento [...]
06Oct
2011
<!-- 1 -->
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 [...]
15Jun
2011
<!-- 2 -->
Interesante librería Javascript que nos permite mostrar en Canvas (HTML5) el contenido de un PDF. Puede venir muy bien para aplicaciones móviles, ya que en navegación en escritorio normalmente la gente tiene instalado un visor de PDFs. <html> <head> <title>Simple pdf.js page viewer</title> <script type=”text/javascript” src=”pdf.js”></script> <style type”text/css”> body { margin: 6px; padding: 0px; background-color: [...]
08Jun
2011
Comments Off
Popcorn.js es una librería que permite sincronizar la etiqueta <video> de HTML5 con contenido que deseemos mostrar. Para ello utiliza las propiedades, métodos y eventos nativos de HTMLMediaElement. Además ofrece un sistema de plugins desarrollados por la comunidad: document.addEventListener(”DOMContentLoaded”, function () { // Create a popcporn instance by calling Popcorn("#id-of-my-video") var pop = Popcorn(”#video”); // [...]
22Apr
2011
<!-- 1 -->
MathJax es una librería javascript que permite mostrar fórmulas LaTeX y MathML en nuestras páginas. Es compatible con casi todos los navegadores (menos IE5.5 lógicamente), permite copiar el código TeX y MathML de la página, utiliza fuentes CSS y no imágenes o Flash y muchas cosas más. <!DOCTYPE html> <html> <head> <title>MathJax TeX Test Page</title> [...]
09Nov
2010
Comments Off
Los heatmaps son muy útiles para ver qué zonas de nuestras webs atraen la atención de los usuarios. Esta función de Javascript permite mostrar en tiempo real el heatmap que se va produciendo gracias a Javascript y el elemento HTML de Canvas. Real-time heatmap example with Javascript and HTMLCanvas Post originalVía / WebAppers
20Oct
2010
<!-- 2 -->
Close Pixelate es un script que convierte una imagen en su correspondiente pixelada haciendo uso de HTML5 y canvas. Se le pueden indicar las siguientes opciones: resolución, forma del pixelado, tamaño, desplazamiento y canal alpha Su uso es tan sencillo como ejecutar lo siguiente: var docReady = function() { document.getElementById(’portrait-image’).closePixelate([ { resolution : 24 }, [...]
15Oct
2010
Comments Off
Ejemplo bastante completo que nos explica cómo hacer un botón que nos permite mostrar el código fuente mediante javascript y CSS. Post original
24Sep
2010
Comments Off
Webkit está implementando en la última versión la carga de scripts de forma asíncrona, para ello hace uso de los atributos async y defer. Esta carga de scripts se realiza sin detener el renderizado del HTML y añade el evento onLoad para ejecutar un método cuando acabe de cargarse: <script async src=”myAsyncScript.js” onload=”myInit()”></script> <script defer [...]
02Sep
2010
Comments Off
Cuando estamos desarrollando un plugin para WordPress y queremos que la administración del plugin tenga estilos y scripts propios, ya sea para darle cierta interactividad o diseño, o bien podremos incluir los estilos o librerías a pelo en la página del plugin, o bien podremos hacer que WordPress añada lo estilos y los scripts en [...]