Etiqueta ~ Javascript

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 [+]

Chat implementado con AJAX, PHP, MySQL y JavaScript

Pablo

AJAX Chat es un proyecto open source y que podemos integrar a cualquier sitio que cuente con soporte para PHP, MySQL y JavaScript. Este recurso se encuentra especialmente pensado para que su utilización sea sencilla en foros que empleen phpBB, MyBB, PunBB, SMF y vBulletin. A diferencia de otras alternativas similares la documentación disponible es […]

Continuar leyendo [+]

Animar el cambio de un valor numérico con JavaScript

Pablo

CountUp.js es una bonita biblioteca JavaScript para animar de manera sencilla el cambio de un valor numérico. Este recurso no posee dependencias, solo necesita que el navegador tenga habilitado JavaScript para funcionar. La librería tiene un peso de casi 2kb en su versión simplificada, valor que se reducirá considerablemente al aplicarle una compresión gzip. Un […]

Continuar leyendo [+]