Está en la página 1de 23

Formularios web y validacin de datos

Select2jQuery Plugin
Este plugin es para mejorar y reemplazar las cajas que utilizamos con la
etiqueta HTML <select>. Con el podrs incluir campos de bsqueda,
conjunto de datos y scrolling infinito de resultados. Al escribir una
bsqueda las entradas que no coincidan desaparecen y las opciones
pueden ser elegidas tanto con 'enter' como con un click del ratn. El
plugin funciona con los campos estndar del atributo 'input' como
tambin con las selecciones mtltiples y optgroup. Tambin
soporta selected, disabled y el atributo de
HTML5 placeholder.
jQueryCoreUISelect
Esta sera otra solucin multi-plataforma para mejorar la
etiqueta select con jQuery y CSS. Requiere jQuery 1.6 o superior y
nos proporciona una personalizacin completa, soporta optingroup,
clculos automticos, soporte para teclado, llamada de funciones y es
compatible con los dispositivos mviles.
SelectBoxIt
Otra opcin para modificar a tu antojo las cajas que se crean cuando
usamos la etiqueta <select> en el cdigo HTML, de todos los plugins
sobre <select> este sera el ms completo sin lugar a dudas. Tiene
integracin con Twitter Bootstrap y mucho ms.
iCheck
jQuery plugin para modificar y dar estilo a los "checkboxes" e "input
radio". El mejor de todos los que aqu se expone.
Sisyphus
Este script funciona de manera semejante a como Gmail guarda los
borradores de los mails. Almacena los datos del formulario en el 'Local
Storage' HTML5 del navegador y los restaura cuando se recarga la
pgina o se re-abre en una nueva pestaa. Los datos son borrados del
'Local Storage' cuando el usuario confirma o cancela el formulario.
jQuery Credit Card Validator
Con esta librera podrs adjuntar a los campos <input> para que cada
vez que cambien los nmeros del campo la funcin de validacin sea
llamada. Cuando introduzcas el nmero de una tarjeta y esta es
reconocida vers que el tipo de tarjeta es seleccionado y si el nmero de
la tarjeta de crdito es valido aparecer una marca de validacin verde. El
plugin acepta todas estas tarjetas: American Express, Diners Club,
Discover Card, JCB, Laser, Maestro, MasterCard, Visa y Visa Electron.
Otros recursos similares :
Recurso 1
Recurso 2
TextExt
Esta librera te permitir transformar texto HTML en los campos de las
etiquetas <input> sin tener que recurrir a cdigo innecesario. El plugin
inserta tanto mejoras estticas en el cdigo como la posibilidad de
agregar entradas como por ejemplo Etiquetas, Ajax, Focus y otros.
Avgrund: Plugin para los "Modal Boxes"
Con este plugin jQuery podrs integrar los "pop-ups" y "modal boxes"
con la pgina de una manera muy elegante. Usa las transformaciones y
transiciones de CSS para mejorar el resultado. Funciona con todos los
navegadores modernos y para IE 6-9 tiene un comportamiento normal de
pop-up. Funciona a partir de jQuery 1.4 y tan solo pesa 2Kb.
Ideal Forms Framework
Plugin jQuery para crear y validar formularios en HTML5 usando el
mtodo Responsive. Provee soporte para el teclado, customizar todo tipo
de inputs, validacin en cada campo, localizacin y para
los placeholder de HTML5. Valido para usar en IE8+, Chrome,
Firefox, Opera, iOS5+, Android 4.0+.
MailCheck
Con MailCheck podrs ayudar al usuario si escribe mal el dominio del
mail para que le aparezca una mencin tipo "te refieres a Gmail?" De por
si ya contiene ciertos dominios de mails pero podrs incluir los tuyos
propios.
Validate.js
Librera muy ligera para validar formularios. Podrs validar los campos
de tus formularios usando alrededor de una docena de reglas y
determinar mensajes propios. Esta librera no tiene ninguna dependencia
y puedes definir tus propias validaciones.
jQuery File Upload
Con este widget podrs hacer mltiple seleccin de archivos, soporta el
"Drag&drop" (suelta y arrastra), barras de progreso y vista previa de
imgenes. Soporta mltiples dominios, fragmentar y reanudar la subida
de archivos como el cambio de tamao en imgenes. Funciona con
cualquier plataforma del lado servidor (PHP, Python, Ruby on Rails,
Java, Node.js, Go etc.) que soporte la subida de archivos en formularios
HTML.
Grumble.js
Este plugin nos ofrece la posibilidad de crear tooltips sin estar limitado
por puntos cardinales. Con grumble puedes poner las tooltips alrededor
de cualquier elemento a cualquier distancia y en cualquier angulo usando
CSS. Funciona incluso con Ie6, otra librera increble para hacer tooltips
con muchos diseos e implementaciones seraTipped, posee una extensa
API.
Phery
Librera que linkea PHP, jQuery y AJAX de manera ligera, te permite
manipular el DOM con PHP mientras que puedes seguir trabajando con
eventos JavaScript, JSON y HTML. Funciona con Firefox 3.6+, IE 8+,
Chrome 12+, Safari 5+, Opera 10+.
D3js
D3js es una librera de JavaScript con la que podrs manipular todo tipo
de documentos basados en datos. D3 te ayudar a darle vida a tus datos
usando HTML, SVG y CSS. Esta librera usa los estndares web y te da
plena capacidad en todos los navegadores modernos sin la necesidad de
usar frameworks de terceros. Combina el poder de la visualizacin de
componentes y te acerca a manipulacin de datos a travs del DOM.
Como usarlo? Aqu te dejo el tutorial de github.
LeanModal
Esta sera otra opcin para las ventanas modales, sus fortalezas seran la
perfecta ocultacin con el contenido de la pgina, tan solo pesa 1Kb
(minified), flexibilizacin con la anchura y altura, ms de una instancia
por pgina y es ideal para logins, darse de alta...
Moist
Esta librera realmente me ha sorprendido por su potencia, consistira en
la posibilidad de crear de una manera muy sencilla y ligera la
especificacin de HTML como objetos JavaScript sin obtener un
marcado HTML confuso. Con Moist no tienes que manipular el DOM
directamente. AWESOME!!!
Ejemplo de su uso: Moist.html({div:[]});
Sera los mismo que: <div></div>
Esto: Moist.html({div:[{h1:["Moist!"]}], id: "main",
_class: "container"});
Produce: <div id="main"
class="container"><h1>Moist!</h1></div>
Message Library
Librera para crear tus propias y personalizadas alertas, notificaciones y
confirmaciones. No tiene dependencias externas tan solo pesa 4Kb y es
muy sencillo de usar.
Bootboxjs
Pequea librera de JavaScript que te permite crear cajas de dialogo al
estilo Twitter de Bootstrap sin tener que preocuparte por la necesidad de
crear, manipular o remover nada sobre elementos del DOM o
manejadores de eventos de JavaScript.
Otras libreras que usan Twitter Bootstrap como referencia para poder
mejorar tus webs realizadas con Bootstrap seran:
1- Dangrossman, con este script podrs seleccionar rangos de datos en
una grfica utilizando los drop-downs de bootstrap. Este script utiliza el
plugin jQuery datejs para analizar cadenas de datos y definir rangos
personalizados y con el CSS de Bootstrap Twitter.
2- Bootsnipp, podrs disear elementos y snippets de cdigo para
Bootstrap, tanto en HTML, CSS como JavaScript.
ddSlick
Potente y ligera librera jQuery con la que podrs crear magnficos drop-
downs incluyendo imgenes, descripciones cortas y como no el tpico
texto. Tambin incluye la posibilidad de llamar a funciones cuando
seleccionas un elemento. Puedes integrar esta librera con CSS3 Drop-
Downs.
Noty
Con el plugin jQuery Noty hace que crear los mensajes de alertas, error,
peligro informacin y conformacin sea de lo ms fcil. La notificacin
se puede posicionar an cualquier parte de la pgina y puedes personalizar
tanto el texto, animacin velocidad como los botones.
jQuery.complexify
Complexify te ayudar a que los usuarios comprueben de manera visual
si la contrasea que estn introduciendo coincide con la anterior y a ms
a ms te dir si ests usando una contrasea fuerte, media o dbil.
Numberfy
Numberfy te permitir crear etiquetas <textarea> con un ndice
numrico para cada lnea, incluso si presionas enter la lnea se parte en
dos y la numeracin continua. El script no funciona en IE debido al bug
con la propiedad text-wrap.
FormAccordion
Plugin jQuery para hacer aparecer/desaparecer los campos de un
formulario en funcin de las respuestas del usuario.
SuperLabels
Librera jQuery con la que podrs darle a tus formularios un estilo
dinmico para les etiquetas <label>. Cuando el el cursor del usuario se
centre en el campo vers como el texto por defecto se mueve para poder
insertar texto.
Libreras para la tipografa
Como que lo prometido es deuda y el tema es ms que interesante
continuaremos con las libreras que se refieren a las tipografas.
Baseline.js
Cada vez aprendo ms y ahora me encuentro con el uso de Baseline, que
sera como hacer una cuadrcula para que la tipografa de nuestras webs
tenga un mejor aspecto y se vea mucho ms centrada y con espacios para
que no sea pesado el leer.
Antes de nada os presento el framework baselinecss que nos ayudar a
crear una cuadrcula en CSS que nos servir para tipografa, formularios
y "grids".
Baseline.js es un plugin de jQuery que te ayuda a mantener la harmonia
de la tipografia cuando uses una cuadrcula en tu web, incluso cuando
aadas imgenes con tamaos raros. Tambin te servir cuando utilices
Responsive Web Design.
FTColumnFlow
Esta librera te ayudar a fijar las insuficiencias del CSS en la disposicin
de las columnas. Con ella podrs configurar la anchura de las columnas,
canales y mrgenes, definir elementos que abarcan columnas, evitar que
los encabezados en la parte inferior de las columnas, grupos de columnas
en la pgina y estandarizar la altura de las lneas cuando uses una
cuadrcula.
Es desarrollado por el equipo del "Financial Times".
The widow tamer
Pequea librera de JavaScript que fija de forma automtica la propiedad
CSS "widow" para la tipografa. Est diseado para que funcione con
sitos "responsive", puedes escoger el mtodo de como emplearlo
con word-spacing, padding-right/left o letter-spacing y
establecer que funcione con el cambio de tamao de la ventana del
navegador, con la orientacin del mvil o otros eventos de "window".
FitText.js
Este sera un plugin jQuery que te ayudar a crear titulares escalables que
rellenarn la anchura de un elemento padre en los diseos fluidos o
"responsive". No es para escalar paragrafos sino para TEXTOS
GRANDES.
Otro gran plugin sera lettering.js que te ayudar a tener un control total
sobre las letras que conforman tu web.
Animate.css
Librera CSS que viene con muchas animaciones predefinidas y puras en
CSS3, te ahorrar muchsimo trabajo.
Textillate
Increble plugin para formatear el texto con el podrs crear efectos de
todo tipo. Est basada en lettering.js y animate.css, de lo mejor que he
visto ltimamente.
Kerning.js
Esta librera te permitir dar estilo, transformar y escalar las letras de tu
web con reglas CSS de manera automtica. Podrs ajustar
emparejamientos, introducir condicionales a tus fuentes y propiedades de
aumento.
SlabText.js
Este script divide los titulares en hileras antes de cambiar el tamao de
cada fila para llenar el espacio horizontal disponible. El nmero ideal de
caracteres que se establecer en cada fila se calcula dividiendo la anchura
disponible por el pixel del tamao de la fuente. Entonces el script usa ese
recuento de caracteres para dividir el titular en combinaciones de
palabras que se mostrarn como lneas separadas de texto.
Productividad.
money.js: conversor de divisas
Esta API Open Source es para la conversin de divisas, es muy flexible,
portable y se puede usar en cualquier aplicacin, framework o lenguaje.
Cada hora se actualizan los valores de las tasas de cambio en JSON.
accounting.js
Esta librera ligera de JavaScript resolver los problemas que se te
presenten cuando quieras formatear nmeros, dinero y monedas. Incluye
la posibilidad de mostrar los datos en columnas tipo Excel separando
smbolos con nmeros. Tus informes se vern mucho ms uniformes y
profesionales.
moment.js: formatea fechas
Moment.js te permitir formatear, analizar y manipular fechas. Podrs
calcular fechas a partir de una fecha dada, visualizar las fechas en
distintos formatos...
Smart Time Ago
Esta librera jQuery nos permitir actualizar con mucha facilidad aquellas
marcas de tiempo que creemos en nuestro documento. Smart time nos
ayudar a calcular el tiempo transcurrido desde la fecha estipulada hasta
el momento actual, la actualizacin del tiempo se hace cada 60 segundos
y se puede usar tanto como plugin jQuery como en nodo desdenpm (node
packaged modules) para node.js.
sortByTimeAgo.js
Pequea librera para hacer arrays de objetos con propiedades TimeAgo,
se ordenaran de las ms nuevas a las ms viejas.
Piecon
Librera JavaScript que crear de manera dinmica una barra de progreso
en la zona del Favicon y nos mostrar el progreso de la carga de la web.
Notificon: Favicon para notificaciones y alertas
Con esta librera podrs cambiar el favicon en funcin de las alertas y
notificaciones que se muestren en el lado del cliente, en vez de tener que
crear un nmero de Favicons diferentes podemos especificar para cada
favicon una etiqueta y vaya cambiando en funcin de la alerta o
notificacin.
jQuery Stickem
A veces nos encontramos que una imagen es demasiado grande y si
queremos leer la descripcin tenemos que hacer "scroll" hacia arriba.
Con este plugin jQuery podrs 'pegar' el contenido que quieras a la barra
del scroll para tenerlo siempre visible.
Countdown.js
Con este script podrs calcular cuentas atrs, temporizar tiempo y poder
controlar cualquier reloj.
Geolib
Pequea librera que nos ayudar a obtener funciones de localizacin
como poder calcular la distancia entre dos ciudades, conversin de
coordenadas decimales a sexagesimal y viceversa.
Cookies
Cookies es una pequea librera JavaScript para el lado cliente que nos
ayudar a manejar de forma sencilla las cookies que generemos. Captura
los valores de las cookies para hacer una rpida lectura secuencial,
soporta la carga de AMD/CommonJS y funciona en todos los
navegadores, incluso Internet Explorer 6.
firstImpression.js
Infima librera (1kb) que nos indicar si un usuario ha visitado o no con
anterioridad nuestra web. La mayora del cdigo es tan solo cdigo plano
portado del pluginjQuery.cookie
Chirp.js: Tweets en tu web
Librera JavaScript que te permitir visualizar los tweets de cualquier
cuenta en tu website. Podemos coger toda la info desde el lado cliente y
tambin se puede configurar para ver los retweets y replies.
SimplyWeather
Simple plugin jQuery que nos mostrar la informacin del tiempo de la
ciudad que escojamos, los datos son tomados del feed de Yahoo.
zip.js
Librera JavaScript para poder comprimir y descomprimir largos
archivos en formato zip, hasta 4GB con la API File Writter. Funciona en
Chrome, Firefox, Safari 6 y Internet Explorer 10. Para Safari 5 e IE9
debers deshabilitar los "Web Workers" y usar "Typed array Polifill", en
la documentacin del plugin encontrars toda la info para usarlo.
String.js
Librera que nos provee mtodos extra para los String como normalizar
el texto de strings y manipularlos.
Custom Scrollbar plugin
Plugin para poder modificar el scrollbar. Con el podrs cambiar su
aspecto y comportamiento, el plugin ya viene con ejemplos.
Imgenes, mapas, grficos y libreras de visualizacin.
jVectorMap
Con el plugin jQuery jVectorMap podrs reproducir mapas de vectores
hechos en SVG y VML tanto en los navegadores ms antiguos como en
los mas modernos. El plugin utiliza JavaScript, HTML, CSS, SVG o
VML y no se usa cualquier plugin que sea propiedad de empresas tal
como FLASH.
En la web del plugin encontrars que hay mapas de muchas partes del
mundo.
Subway Map Visualization jQuery Plugin
Aunque en el nombre del plugin se haga referencia al mapa del metro no
tiene nada que ver con los metros del mundo, con este plugin sers capaz
de convertir esquemas complejos en mapas de visualizacin al estilo
metro.
GMaps.js
Librera para que puedas usar Google Maps de manera muy fcil en tus
proyectos sin tener que usar mucha documentacin ni cdigo.
Otro plugin parecido sera Gmap3 jQuery Plugin
Map Icons
Con Map Icons podrs aadir marcadores e iconos SVG a los mapas que
crees con las APIs de Google Maps y Google Places.
Leaflet: Open-Source Interactive Maps With JavaScript
Leaflet es una librera con la que podrs crear mapas interactivos, tanto
para mobile como para desktop. El API es de fcil uso y en su web hay
toda la documentacin necesaria. Se hace nfasis en la usabilidad,
rendimiento, flexibilidad y excelente soporte en los navegadores. La
librera ya ofrece una variedad de mapas preconfigurados donde
podremos incluir marcadores, pop-ups, aparicin de imgenes y
GeoJSON. Leaflet tiene una estructura modular y permite reducir su
espacio para que an sea ms rpida.
SVGeezy
Librara JavaScript que detecta si hay imgenes SVG en el website y
automticamente crea un respaldo (fallback) para aquellos navegadores
que no soporten el escalado de imgenes SVG. Si el navegador no
soporta SVG, cambiar el atributo 'src' de la imagen por un formato de
archivo que si acepte el navegador.
Retinajs
Este script comprueba cada imagen de nuestra web cuando es cargada
por un usuario, para ver si hay la posibilidad de reemplazar las imgenes
de baja resolucin por su equivalente en alta resolucin.
Se asume que estas usando el modificador de resolucin de Apple (@2x)
para establecer cuales son las imgenes de alta resolucin.
JustGage
JustGage es un prctico plugin JavaScript para generar y animar
medidores de manera bonita y limpia. Basado en la librera de Raphal
para dibujar vectores por lo que no est ligado a la resolucin y es auto-
ajustable.
Como que es puro SVG, funciona en casi todos las navegadores IE6+,
Chrome, Firefox, Safari, Opera, Android, etc.
Generar un Timeline muy visual
Con esta librera sers capaz de crear una linea de tiempo pudiendo
utilizar como fuente medios de Twitter, Youtube, Flickr, Vimeo, Google
Maps y SoundCloud y muchos ms en un futuro prximo. Puedes
rellenar tus datos con hojas de clculo de Google o usar un mtodo ms
detallado como JSON. La librera est disponible como Plugin en
WordPress o en GitHub.
TimeLine
Otra opcin para poder crear timelines, esta en particular es un poco ms
sencilla que la anterior.
Foresight.js
Librera que reconoce el dispositivo con el que se visita la web, te
permite estimar y calibrar las imgenes antes de hacer la peticin de
imagen. Juzgando la resolucin de la pantalla y la velocidad de la red el
script cambiar el atributo 'src' para optimizar las imgenes en funcin
del hardware de cada usuario.
Lupa de aumento con CSS3 y jQuery
Tcnica que te permitir crear un efecto de lupa sobre cualquier imagen
cuando le pases el cursor por encima. Mediante la propiedades box-
shadow y border-radius de CSS3 crears el efecto de aumento y con
jQuery detectas las coordenadas del cursor. El truco consiste en utilizar
la misma imagen pero de tamaos distintos.
Flot: Tramas para jQuery
Librera javascript para crear grficos, soporta Internet Explorer 6+,
Chrome, Firefox 2+, Safari 3+ and Opera 9.5+. Se pueden usar diferentes
tipos de grficas, acepta la posibilidad de aumentar ciertas zonas,
interactuar con los datos y un sin fin de posibilidades. Las grficas se
pueden actualizar con AJAX.
Conjunto de libreras JavaScript para visualizar datos
El ttulo lo dice todo, coleccin de libreras para mostrar los datos en
forma de grficas, quesos, porcentajes. Encontrars mas de 40.
Flexisel
Carrusel Responsive jQuery Plugin sobretodo pensado para tener una
buena experiencia de usuario en los dispositivos mviles.
Social Count
Plugin para poder insertar botones de las redes sociales en tu web, los
hay de todos los tamaos e incluso con imgenes dinmicas.
ltimo Bocado
jQuery Fundamentals
Este libro HTML ha sido diseado para que puedas ver los problemas
ms comunes con jQuery y sus soluciones. En cada lectura tienes la
posibilidad de probar los ejemplos con una consola javascript online. A
ms a ms cubre los aspectos ms bsicos de javascript.
Patrones Javascript
Coleccin de patrones y anti-patrones en JavaScript, cubre las funciones,
jQuery, plugins jQuery, diseo, literales y constructores, creacin de
objetos, reutilizacin de cdigo, DOM y navegador.
JavaScript Garden
Coleccin de documentos para las partes ms raras del lenguaje de
programacin JavaScript. Da consejos de como evitar los errores ms
comunes y los 'bugs' ms imperceptibles, as como la mejora del
rendimiento y malas prcticas que los noveles nos podemos encontrar
cuando profundizamos en el lenguaje.
Manipulacin del texto
TOC jQuery Plugin
Esta librera resalta automticamente en la tabla de contenidos de una
pgina la seccin en la que se encuentra el usuario. Se puede configurar
por completo, se puede utilizar ms de una vez en la misma pgina e
incluye funciones para crear un scrolling suave. El plugin est
desarrollado por Greg Allen y por el momento est en su versin Beta.
Otro plugin muy similar sera Tocify.
MagicNav: Generador de links para los FAQ
Este plugin te permite crear una navegacin con los elementos que elijas
de la pgina, por ejemplo todos los <h1> pueden pasar a formar parte de
la navegacin.
Cutter.js
Librera que resuelve el problema cuando queremos cortar un contenido
a cierto nmero de palabras pero no queremos cambiar el marcado de la
pgina, el plugin simplemente corta el contenido por donde lo
requerimos y se mostrar con alguna accin del usuario que hayamos
descrito.
Trunk8
Trunk8 es un plugin para truncar/cortar texto de manera que este no
sobresalga del bloque que lo contiene. Este plugin tiene la ventaja de que
calcula el espacio que tiene disponible para as determinar cual es la
cantidad exacta de palabras que tiene que mostrar. A ms a ms hay la
posibilidad de escoger que hacer con el texto cortado.
Relevancy.js
Esta librera permite ordenar los items de un array por relevancia, el
script permite visualizar resultados incluso si se omiten letras o errores
ortogrficos.
Manipulando Tablas y Listas
HandsOnTable
Esta librera basada en jQuery te permite ensanchar, completar y aadir
hileras y columnas en las tablas. Tambin se puede incluir una leyenda,
scrolling para que la tabla no llegue a ocupar toda la pgina, mens de
contexto, condicionales y ms caractersticas. Incluso puedes establecer
que los cambios queden guardados.
Todos los datos que generes con HandsOnTable pueden ser copiados y
pegados en Excel, Google SpreadSheet o LibreOffice.
List.js
Librera 100% en javascript para todos los navegadores que te permite
transformar las listas HTML en contenido flexible fcilmente editable.
La listas se podrn sortear y buscar segn el criterio establecido e incluso
aadir ms items con un solo click.
HTML5 Sorteable
Plugin que te permite mover ("Drag & Drop") todos los items de la
etiqueta <li> tal y como quieras, funciona con IE 5.5+, Firefox 3.5+,
Chrome 3+, Safari 3+, and Opera 12+ y es de un tamao muy reducido
(menor de 1kb).
Pivot.js
Con Pivot podrs resumir de manera muy sencilla y en formato tabla los
datos de archivos muy largos. Pivot, de manera automtica ordena,
cuenta el total o el promedio de los datos que le pasemos. El resultado se
muestra en una tabla HTML, los datos de entrada pueden ser en CSV o
JSON.
CSV a formato tabla
Librera jQuery con la que podrs convertir todos los archivos CSV
(Comma Separeted Values) o TSV (Tab Separeted Values) a tablas
HTML.
DataTables
Con esta librera podrs mostrar los datos de diferentes tipos de fuentes
como del DOM, un array JavaScript o un archivo JSON del lado del
servidor. La librera ofrece casi un sin fin de caractersticas como
paginacin, filtros al vuelo o bsqueda en multiples columnas por tipo de
datos. Algunas de estas caractersticas se pueden mejorar con plugins de
terceros.
Any List Scroller
Con este plugin sers capaz de poder aadirle a cualquier lista una barra
de scroll, es altamente customizable. Puedes elegir la orientacin de la
lista, el nmero de items a mostrar, scroll automtico, tiempo de
retraso....
Herramientas de Desarrollo de utilidad.
Yeoman
Yeoman son un conjunto de herramientas que te ayudarn a estructurar
nuevos proyectos, compilar de manera automtica CoffeeSCript y
Compass, comprobar tus scripts con jsHint y optimizar las imgenes. Usa
de manera efectiva plugins como NodeJS, Compass, Grunt y PhantomJS.
En la actualidad se requiere que instales Node 0.8x.
Grunt.js
Grunt es una herramienta incorporada en la lnea de comandos para los
proyectos JavaScript, tiene pre-instaladas una docena de tareas basadas
en JavaScript como: concatenacin de archivos, estructura de proyectos
desde una plantilla predefinida, validacin con JSHint, minificacin con
UglyJS, testeo con qUnit, inicio del servidor y muchas otras tareas. Que
mejor comprobacin que la de uno mismo.
Holder.js
Librera para las "imgenes placeholder" para representarlas
correctamente en el navegador, funciona tanto en lnea o sin ella y posee
una API para dar estilo a los "placeholders" con mucha comodidad.
PxLoader
Librera JavaScript que te facilitar la descarga de imgenes, archivos de
sonido o cualquier otro archivo antes de que ocurra ninguna otra accin
en tu web. El script te permite colocar un pre-instalador HTML5 para los
juegos y web. Puedes monitorizar las descargas e incluso priorizar las
descargas marcadas con etiquetas.
Percentage Loader
Con este plugin jQuery podrs visualizar las barras de progreso de una
manera muy distinta. El script usa el canvas de HTML5 y grficos de
vector para hacer los grficos de distintos tamaos. Tambin se pueden
usar para mostrar el progreso en tareas largas.
Touchy.js
Librera javascript para manejar los eventos tctiles sin tener
dependencias, manera muy sencilla de aadir funcionalidad tctil a tus
proyectos cuando se inter-acten de un dispositivo tctil. Otra librera
similar sera Hammer.js
gridster.js
Plugin jQuery que te permite mediante arrastrando objetos crear una
intuitivo layout a partir de los elementos de mltiples columnas. Podrs
remover todas las columnas a t antojo que el espacio se ir re-colocando
en funcin de tus necesidades.
Jurlp y URI.js
Ambos son plugins jQuery que nos ayudarn a manipular las URIs de
una manera ms sencilla y no tan tediosa.
FreeTile
Plugin jQuery que te permite organizar el contenido de un pgina de
manera dinmica y con "responsive layout". Una vez se aplique a un
contenedor, sus descendientes intentarn colocarse de manera ptima en
el espacio que disponen dentro del contenedor.