Una mini librería que sirve para atraer la atención del usuario a tu página web por medio de divertidas animaciones proporcionadas a los divs de tu html.

Instalación

Si posees npm, puedes guardarlo de la siguiente manera

npm install libraryproject --save

Si no, puedes forkear este repositorio y clonarlo en tu proyecto

git clone https://github.com/mthompsonc/library-project

Aplicandolo a tu proyecto

Primero, debes adjuntar el script que se encuentra en la carpeta src

<script src="src/addictive.js"></script>

O bien, añadir el CDN de la librería, en caso que no desees descargarla.

<script src="https://cdn.rawgit.com/mthompsonc/library-project/developer/src/addictive.js"></script>

Luego, simplemente utilizas los plugins encontrados en la librería aplicándolos al elemento que desees (elemento al que llames por medio de DOM o jQuery).

$("#cualquierDiv").slideRight();
$("#cualquierDiv").slideLeft();
$("#cualquierDiv").slideTop();

Para hacer uso del plugin slideTop es necesario aplicarlo a un div vacío, ya que la librería le agregará el botón.

<div id='cualquierDiv'></div>

Requerimientos técnicos:

Para realizar este proyecto implementamos las siguientes complementos:

• node.js ~v.8.9.4
• npm ~v.5.6.0
• bootstrap ~v.4.0.0
• jQuery ~v.3.3.1
• git ~v.2.16.0
• eslint ~v.4.15.0
• babel v.6.23.0
• chai v.4.1.2
• mocha v.5.0.0
• jsdom v.11.6.1

A mini-library you can use in your webpage to draw the attention of your users with fun animations given to any div (if not all!) of your html.

Install

If you have npm, you can install it by the following command

npm install libraryproject --save

else, you can fork this repository and clone it in your project

git clone https://github.com/mthompsonc/library-project

Setup

First, you need to attach the script located in the folder src

<script src="src/addictive.js"></script>

Or else, if you do not wish to download the library, you could attach the CDN

<script src="https://cdn.rawgit.com/mthompsonc/library-project/developer/src/addictive.js"></script>

Then, you can simply trigger the animations by applying the plugins to any element you want (element you can call by DOM or Jquery)

$("#anyDiv").slideRight();
$("#anyDiv").slideLeft();
$("#anyDiv").slideTop();

To work with the plugin slideTop it's necessary to apply it to an empty div, being that the library will add the button.

<div id='anyDiv'></div>

Technical requirements:

To make this project we used the following components:

• node.js ~v.8.9.4
• npm ~v.5.6.0
• bootstrap ~v.4.0.0
• jQuery ~v.3.3.1
• git ~v.2.16.0
• eslint ~v.4.15.0
• babel v.6.23.0
• chai v.4.1.2
• mocha v.5.0.0
• jsdom v.11.6.1