Alexander A. E. Full Stack Developer

Etiqueta: jquery

Jcanvas

Jcanvas es un plugin para jquery que nos permite interactuar con el canvas de html5.

Entre sus características principales, resaltan:

  • API Sencilla que permite el manejo de figuras geométricas, imágenes, máscaras, capas, animaciones..
  • Funciona en navegadores móbiles y de escritorio (aunque no lo he probado en ningún móbil)
  • Ligero (~25kB)
  • OpenSource

Instalación

Se requiere añadir tanto jquery como el propio plugin:

    <script src="jquery.min.js"></script>
    <script src="jcanvas.min.js"></script>

Uso

Se pueden observar 3 ejemplos sencillos …

May
02

Posición absoluta y Relativa de un click en javascript

Mientras intentaba desarrollar un plugin para jquery tuve un inconveniente, el cómo hacer para obtener la posición relativa de un evento click hacia su contenedor.

Realizando algunas búsquedas en google y leyendo los diversos artículos pude obtener una idea del cómo estaba el panorama. Por ejemplo, revisando el tutorial de jquery que versa sobre el cálculo de la posición del mouse podemos destacar algunos puntos:

  • pageX1 y pageY son dos propiedades de todos los eventos javascript que nos indican …

Feb
24

Jquery StickyBox

Plugin para jquery que genera bloques flotantes que siguen al usuario cuando se desplaza la página. Utiliza posicionamiento absoluto para reajustar la posición en base a los estilos css iniciales.

Por ejemplo, se podría usar en los siguientes casos:

  • Para realizar carritos de compras que muestran información de la compra actual
  • En caso de querer añadir botones sociales (facebook, twitter..)
  • Para generar menús flotantes

Requerimientos e Instalación

El plugin requiere tanto de jquery como de jquery easing.

Los scripts js …

Feb
17

1