Web BizarroWeb Bizarro

Suscríbete a nuestro Newsletter

X

Únete a nuestra lista de correos para recibir semanalmente actualizaciones de nuestro contenido.

Librerías JavaScript que debes conocer

Librerías JavaScript que debes conocer 12.FEB.14

Alvaro José Rios Ch
Fundador WebBizarro

Siempre debemos tener a la mano un conjunto de librerías que nos salven la vida en el momento de llevar a cabo algún proyecto, personalmente soy de los que tienen una gran cantidad de links guardados como favoritos, siempre es bueno leer un poco de todo porque no sabemos que vamos a usar en el próximo trabajo. Por eso quiero mostrarles estas librerías JavaScript para que no tengas que reintentar la rueda.

EnquireJS

Se trata de una pequeña librería (pesa menos de 1Kb minificada y comprimida con gzip) que agrega eventos a los media query de CSS, esto te permite crear y manejar sitios con diseños responsive mas complejos. La librería tiene dependencias adicionales ya que esta desarrollada enJavaScript plano, una muy buena opción para complementar los media query de CSS.

Sitio Web: http://wicky.nillia.ms/enquire.js

 

WowJS

Se trata de una librería, muy simple de usar, que te permite revelar contenido a medida que se hace scroll a la página. Para usarla solo debes colocar wow al atributo class del elemento que quieras que aparezca en la página y luego la animación que desees, por ejemplo slideInLeft.

La librería depende de anímate CSS, un plugin de Jquery que te permite agregar animaciones básicas a elementos en tu sitio, estas animaciones se pueden personalizar de forma relativamente sencilla lo que puede representar una ventaja.

Sitio Web: http://mynameismatthieu.com/WOW/

 

Scroll Reveal

En términos generales esta librería hace lo mismo que wow, solo que no tiene dependencias, todo el trabajo lo hace la librería. Es fácil de usar, solo debemos importar el JavaScript y luego agregar el atributo data-scrollreveal que indicara a la librería que este elemento se mostrara al hacer scroll. El valor que coloquemos al atributo determina el comportamiento de la animación.

<p data-scrollreveal="enter left and move 50px over 1.33s"> Foo </p> 

En el ejemplo anterior vemos como indicamos que el elemento debe entrar desde la izquierda y moverse 50px y la duración es de 1,33 segundos.

Sitio Web: http://julianlloyd.me/scrollreveal/

 

MathJS

Como se pueden imaginar es una librería para realizar operaciones matemáticas en JavaScript. Es muy útil ya que te permite manejar números muy grandes y operaciones complejas sobre estos.

Esta librería no parece algo que puedas usar inmediatamente pero siempre es bueno tener a la mano un buena librería matemática, además también funciona del lado del servidor con NodeJs.

Sitio Web: http://mathjs.org/

Bonus

Para el final dejamos un pequeño regalo que solo un programador podria apreciar para el día de San Valentin, un te amo muy peculiar hecho con JavaScript.

Sitio Web:http://jsbin.com/OhisIQAW/1/edit