Etiqueta ~ Javascript

Shine.js: Animación de sombras con JavaScript

Pablo

Shine.js es una propuesta nueva e interesante para aquellas personas que buscan una manera rápida y sencilla de animar sombras, algo a lo que no estamos muy acostumbrados. La idea de este proyecto es simple, brindar un mecanismo que permita manipular muy fácilmente las distintas sombras utilizadas en nuestro proyecto, permitiendo cambiar su inclinación, expansión […]

Continuar leyendo [+]

Crear, abrir y editar archivos ZIP con JavaScript

Pablo

JSZip es una pequeña pero potente biblioteca JavaScript para la creación, edición y lectura de archivos comprimidos mediante GZIP, todo desde JavaScript y sin la necesidad de utilizar ningún lenguaje adicional desde el lado del servidor. La compatibilidad de esta biblioteca es excelente, funciona en la mayoría de los navegadores modernos, específicamente comprobado en: Opera […]

Continuar leyendo [+]

Botón circular con indicador de progreso (SVG, CSS3 y JavaScript)

Pablo

La verdad, hace tiempo que no disfruto tanto de un tutorial como el que realizó la gente de Tympanus para demostrar de forma practica la potencia de emplear gráficos vectoriales para realizar animaciones. Y no tuvieron mejor idea que cambiar el comportamiento de un botón del tipo submit empleando como base de diseño la contribución […]

Continuar leyendo [+]

Scrolling y animación con WOW.js

Pablo

Existe una clara tendencia en el diseño a utilizar la barra del desplazamiento del navegador para revelar animaciones, para lograrlo podemos utilizar varias alternativas, algunas más complicadas que otras. Si lo que estan buscando es una solución rapida, sencilla y eficiente, quiero recomendarles WOW.js. WOW.js es una pequeña biblioteca escrita en JavaScript para mostrar animaciones […]

Continuar leyendo [+]

InstantClick: Reduce la latencia en los enlaces

Pablo

InstantClick es una propuesta interesante y que trabaja en un aspecto casi olvidado por la mayoría de nosotros: la latencia que provoca visitar una pagina. Esta latencia se refiere al tiempo que pasa entre que hacemos click en un enlace hasta que finalmente se carga la pagina de destino, según el autor de este proyecto […]

Continuar leyendo [+]

Capturar y manipular eventos del teclado con Javascript

Pablo

Keypress es una potente biblioteca escrita en JavaScript para el desarrollo de aplicaciones que empleen el teclado de forma inteligente. Probablemente esta sea una de las mejores opciones a la hora de capturar y utilizar los eventos lanzados desde el teclado. Este recurso tiene una cantidad de opciones bastante interesante, ademas su peso es de […]

Continuar leyendo [+]

Crea un odómetro (cuenta kilómetros) con CSS y JavaScript

Pablo

Odometer es un muy buen recurso desarrollado con JavaScript combinado con CSS para mostrar un bonito odómetro, estilo cuenta kilómetros, de una forma sencilla. Este proyecto no solo reproduce visualmente a la perfección a este famoso instrumento de medición, también contempla aspectos vinculados a la animación de este objeto. La biblioteca completa tiene un peso […]

Continuar leyendo [+]

Drop.js: Elementos desplegables (dropdown) con JavaScript

Pablo

Drop.js es una bonita biblioteca escrita con JavaScript para crear de forma rápida y sencilla elementos que se despliegan según sea necesario. Este recurso se desarrolló utilizando como eje principal otra biblioteca llamada Tether, esta última permite posicionar los elementos en un documento con una libertad impresionante, ubicando los distintos objetos mediante un complejo algoritmo […]

Continuar leyendo [+]

Grafana: Interface para realizar gráficos en tiempo real

Pablo

Grafana es un proyecto que le resultará interesante a aquellas personas que estén desarrollando un sistema de monitoreo en tiempo real. Este recurso consiste principalmente en una interface completamente funcional para el muestreo de gráficas. El sistema se desarrollo de tal manera que agregar, editar o quitar funciones sea una tarea sencilla, esto se debe […]

Continuar leyendo [+]

Animaciones CSS al hacer scroll

Pablo

Jack in The box es un recurso bastante nuevo e interesante para controlar la forma en que reproducimos las animaciones realizadas con CSS según la posición de la barra de desplazamiento del navegador. Animar elementos a medida que el usuario utiliza el scroll es algo que se puso muy de moda estos últimos dos años, […]

Continuar leyendo [+]