andros/FFNM
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Front-End for the next master
16 Commits 5 Branches 10 Tags 692 KiB
HTML 72.8%
JavaScript 27.2%
21f73ea37f
Go to file
Andros Fenollosa 21f73ea37f Add test class
2020-07-05 10:35:36 +02:00
dist Add test class 2020-07-05 10:35:36 +02:00
src Add test class 2020-07-05 10:35:36 +02:00
test Add test class 2020-07-05 10:35:36 +02:00
.gitignore Add test class 2020-07-05 10:35:36 +02:00
gulpfile.js Optimize gulp 2020-07-04 16:57:28 +02:00
LICENSE Initial commit 2020-06-29 19:39:58 +02:00
package-lock.json Optimize gulp 2020-07-04 16:57:28 +02:00
package.json Optimize gulp 2020-07-04 16:57:28 +02:00
README.md Add class events 2020-07-04 17:24:45 +02:00

README.md

FFNM (Front-End for the next master)

Simple plugin to avoid writing Javascript in trivial tasks.

Documentation

Spanish/Español

Instalar

Añade a tu <head> la siguiente etiqueta.

<script src="https://cdn.jsdelivr.net/gh/tanrax/FFNM@v1.0.0/ffnm.min.js"></script>

Ejemplos de uso

Clic

Añadir la clase show al selector #menu cuando sea pulsado el botón.
<button i-click="class:add('show', '#menu')">abrir</button>
Quitar la clase show al selector #menu cuando sea pulsado el botón.
<button i-click="class:remove('show', '#menu')">cerrar</button>
Intercambiar la clase show al selector #menu cuando sea pulsado el botón.
<button i-click="class:toggle('show', '#menu')">ver</button>

Clases sin eventos

Añadir la clase show al selector #menu
class:add('show', '#menu')
Quitar la clase show al selector #menu
class:remove('show', '#menu')
Intercambiar la clase show al selector #menu
class:toggle('show', '#menu')

Development

Install

npm i

Build

gulp

Watch mode

gulp dev