Saludos amigos esta vez les traigo unas librerías css  javascript a tener en cuenta para junio del 2016.

En el mundo del desarrollo web hay que estar al día, es por eso que esta vez traemos para este mes, una colección de algunos de los mejores recursos que hemos visto y se consideran digno de vuestra atención. Esta lista incluyen bibliotecas JS para un mejor desplazamiento, plugins jQuery para crear modales, un kit modelo web de Google, y mucho más…!

Hint.css

hint__Es una librería CSS para añadir tooltips HTML. Es muy compacto en tamaño, ofrece una gran cantidad de opciones de personalización, tales como diferentes tamaños, colores y animaciones. No requiere ningún tipo de codificación, Este tooltip está diseñado y creado solo para añadir los atributos de los datos .

Turntable.js

turntableCon Turntable.js puede crear sin esfuerzo demos rotativos para objetos en 3D mediante la colocación de una gran variedad de imágenes en un control deslizante en vuelo estacionario. Esto permite a los usuarios ir rápidamente a través de todo el conjunto de las imágenes, creando un efecto de libro animado y dar a conocer un producto desde todos los lados.

Magic

magic__Magic es una biblioteca de animación hecha enteramente de CSS . Es extremadamente ligero y fácil de usar. Todas las animaciones se activan a través de la adición o eliminación clases, y se pueden personalizar con sólo sobrescribir las reglas CSS por defecto.

Sausage.js

sausage__Sausage es una herramienta jQuery que sigue a la barra de desplazamiento y hace un seguimiento de  qué sección de una página que estamos leyendo. Este plugin puede ser de gran ayuda en el diseño de un centro de documentación grande o un sitio web de desplazamiento infinito, ya que una paginación vertical será mantener las cosas de manera más organizada.

Odometer

odometer-e1462973017256Odometer crea un medidor de kilometraje . Esta biblioteca de JavaScript recrea ese aparato y se puede utilizar para añadir transiciones verticales entre los números. Es ligero, fácil de implementar, y tiene un gran número de temas que buscan como máquina tragaperras y la estación de tren.

Fullpage.js

fullPage__En estos días vemos más y más sitios web utilizan el efecto de diapositivas a pantalla completa, donde un toque de la rueda de desplazamiento cambia la página entera. Esta biblioteca es la herramienta perfecta para llevar a cabo esta funcionalidad – es elemental de usar, tiene documentos detallados, y ofrece un gran apoyo de navegadores.

Chart.js

chartLibrería impresionante para la creación de gráficos animados llamativos. Para un mejor rendimiento, Chart.js se basa en elementos canvas para dibujar todos los gráficos. Pero no requiere que usted sepa de canvas para trabajar con esta librería. Todas las opciones de personalización se controlan a través de una sencilla API de JavaScript.

Bricklayer

bricklayerLibrería JavaScript para la construcción de imágenes redes en cascada. Trabajar con bricklayer no es complicado en absoluto y en ningún momento se tendrá un diseño robusto, diseño responsive. También tiene dependencias externas, lo que hace que sea muy fácil de integrar con angular, react, o cualquier otro gran framework.

Flatmarket

flatmarket-e1462972866150Flatmarket es un proyecto de código abierto que ofrece una plataforma de las más baratas y más fáciles de usar para el comercio electrónico. Consta de una página web estática para los clientes y un servidor Node.js que maneja todos los pagos.

Modaal

modaalModaal es un plugin de jQuery para la creación de ventanas emergentes .Proporciona muchas características ,está optimizado para los lectores de pantalla. Algunas de las buenas prácticas utilizadas en Modaal están agregando controles del teclado, incluidos los atributos ARIA y mantener el enfoque adecuado.

Web starter kit

webstarterkitWeb Starter Kit es un conjunto de herramientas que ayudarán a los desarrolladores configurar rápidamente sus proyectos. Está diseñado por Google y se centra en proporcionar un texto modelo que funciona muy bien a través de diferentes dispositivos y navegadores. Algunas de las bibliotecas incluidas en este kit son MDL , Sass , Babel , y Gulp para la automatización de tareas.

Flipside

flipsideEste es un botón que se transforma en un cuadro de diálogo. Lo bueno de esto es la transición, que varía dependiendo de la parte del botón que el usuario ha hecho clic. Otra cara no es una biblioteca adecuada pero lo disfrutamos mucho, así que decidimos compartirla de todos modos. Si desea utilizarla , el código fuente está disponible en GitHub.

Responsify

respons-e1462972986971Responsify es un plugin de jQuery la cual garantiza que una imagen sea responsive y mostrar el contenido correcto. Esto se hace mediante la adición de un atributo de <img> , donde se define un área de enfoque. Si la imagen tiene que ser redimensionado, Responsify va a tratar de mantener el área de foco visible, y ocultar partes de la imagen que son menos importantes.

Select2

select2__Los cuadros de selección siguen siendo astronómicamente molesto para el estilo en todos los navegadores. Afortunadamente existen plugins como Select2 que se ocupan de esta cuestión y ofrecen adorno del elemento de selección . Esta librería también tiene características adicionales útiles, tales como la búsqueda, el desplazamiento infinito y el apoyo de IE8.

Vex

vex__Un pequeño plugin de jQuery para la creación de diálogo pop-ups con un efecto de animación fake-3D . Esta librería es de sólo 2 kb  minified y gzipped por lo que practicamente no cuesta nada incluirla en un proyecto. Tiene un par de temas disponibles, y usted puede añadir sus propias personalizaciones con bastante facilidad.

Backstretch

backstretch_Es un plugin jQuery para colocar una imagen de fondo de pantalla en la web . Es de fácil configuración y personalizarlo con solo javascript.

Espero que les sea de utilidad estas librerías css javascript  para algún proyecto web que tengan en mente, saludos no se olviden compartir…