Javascript

Plupload: sube varios ficheros fácilmente

ByLuis February 5, 2010

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 3.5+ se puede usar drag&drop y el redimensionado de images también es exclusivo de FF.

Plupload

Vía / WebAppers

Javascript

Lazy Load: retrasar la carga de imágenes con jQuery

ByLuis October 1, 2009

Interesante plugin para jQuery que permite retrasar la carga de imágenes para que la carga de la página sea más rápida. Para ello, cargará las imágenes sólo cuando se vean mediante el scroll. Un script que está pensado para páginas con gran número de imágenes pesadas.

Lazy Load

Vía / WebAppers

Javascript

Javascript Lint: ayuda para un código limpio

ByLuis February 20, 2007

Javascript Lint es una aplicaciÃ³n (tambiÃ©n online) que nos permite comprobar que nuestro cÃ³digo no tenga los errores mÃ¡s comunes en Javascript, asÃ como el uso de tÃ©cnicas cuestionables.

Basada en el motor de Javascript de Firefox, nos muestra los siguientes errores:

Falta de punto y coma al final de la lÃnea.
Llaves sin un if, for, while.
CÃ³digo que nunca se ejecuta debido a un return, throw, continue o break.
Sentencias case dentro de un switch que no tienen break.
NÃºmeros decimales que empiezan o acaban directamente con el punto.
Un nÃºmero que empiza por cero que lo convierte en octal.
Sentencias que no hacen nada.
Expresiones regulares que no estÃ¡n precedidos por un parÃ©ntesis, asignacion, coma o dos puntos.
Sentencias separadas por comas en vez de por punto y comas.
Sentencias if, for, while, … sin llaves.
Detectar variables no usadas.

Javascript Lint

Javascript

CodePress: resalta código mediante Javascript

ByLuis September 27, 2007

CodePress permite resaltar el cÃ³digo de diversos lenguajes de programaciÃ³n en nuestras pÃ¡ginas web mediante Javascript. El cÃ³digo se puede modificar en tiempo real y permite entre otras el autocompletado de comillas, parÃ©ntesis y parecidos, la inclusiÃ³n de trozos de cÃ³digo (por ejemplo los parÃ©ntesis y llaves en una sentencia if) y shortcuts (por ejemplo mostrar entidades html).

Los lenguajes que interpreta son PHP, Javascript, Java, Perl, SQL, HTML y CSS. Y existen fallos detectados son que los nÃºmeros no cambian de tamaÃ±o ya que son imÃ¡genes y que el copy/paste falla en algunas ocasiones en Internet Explorer.
CodePress
VÃa / OpenSourceCommunity.org

Javascript

Lista de ofuscadores para Javascript

ByLuis October 11, 2006

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

How to | Javascript

Resaltar filas en tablas mediante Javascript

ByLuis March 30, 2006

A la hora de mostrar tablas, un modo de presentación muy recomendable es resaltar las filas alternas como por ejemplo hace la lista de actualizaciones de Bitacoras.com consiguiendo así una mayor facilidad a la hora de leer los datos. Para ello, se suelen usar un estilo para las filas pares.

Javascript

Modernizr: librería Javascript para detectar HTML5, CSS3 y más

ByLuis August 17, 2010

Modernizr es una librería que permite detectar las nuevas características de HTML5, CSS3, Canvas, … que admite el navegador. Tan sólo habrá que acceder a propiedades para saber si admite o no una característica en particular:

if (Modernizr.geolocation) {
  // Admite geolocalización
}
if (Modernizr.csstransitions) {
  // Transacciones CSS
}
if (Modernizr.rgba) {
  // RGBA
}

Las características que detecta son:

@font-face
Canvas
Canvas Text
HTML5 Audio
HTML5 Audio formats
HTML5 Video
HTML5 Video formats
rgba()
hsla()
border-image
border-radius
box-shadow
Multiple backgrounds
opacity
CSS Animations
CSS Columns
CSS Gradients
CSS Reflections
CSS 2D Transforms
CSS 3D Transforms
CSS Transitions
Geolocation API
Input Types
Input Attributes
localStorage
sessionStorage
Web Workers
applicationCache
SVG
SVG Clip paths
SMIL
Web SQL Database
IndexedDB
Web Sockets
hashchange Event
History Management
Drag and Drop
Cross-window Messaging

Modernizr

One Comment

Pingback: Plupload: sube varios ficheros fÃ¡cilmente | Adobe User Group Granada (trial)

Comments are closed.

Similar Posts

One Comment