# FFNM (Front-End for the next master) Simple plugin to avoid writing Javascript in trivial tasks. ## Documentation - [English](#user-content-english) - [Spanish/Español](#user-content-spanishespañol) --- ## Spanish/Español ### Instalar Añade a tu `` la siguiente etiqueta. ```html ``` ### Ejemplos de uso #### Clic ##### Añadir la clase `show` al selector `#menu` cuando sea pulsado el botón. ```html ``` ##### Quitar la clase `show` al selector `#menu` cuando sea pulsado el botón. ```html ``` ##### Intercambiar la clase `show` al selector `#menu` cuando sea pulsado el botón. ```html ``` #### Scroll ##### Añadir la clase `down` al `nav` cuando el usuario haga scroll hacia abajo. ```html ``` ##### Quitar la clase `down` al `nav` cuando el usuario haga scroll hacia arriba. ```html ``` #### Hover ##### Añadir la clase `tadam` al selector `#menu` cuando el usuario haga `hover` sobre el botón. ```html ``` #### Clases sin eventos ##### Añadir la clase `show` al selector `#menu` ```javascript class:add('show', '#menu') ``` ##### Quitar la clase `show` al selector `#menu` ```javascript class:remove('show', '#menu') ``` ##### Intercambiar la clase `show` al selector `#menu` ```javascript class:toggle('show', '#menu') ``` ## Development ### Install ```javascript npm i ``` ### Build ```javascript gulp ``` ### Watch mode ```javascript gulp dev ```