DEPRECATED, use frontools instead
Β·ββββββ β β βββββ βββ .ββ Β·
βββΒ·ββ βΒ·βͺ β’βββββ’ββ βͺ βͺ βββ’ ββ β.
βββͺ ββββ ββββ βββββ ββ.βͺ ββββ ββββ βββͺ ββββββ
βββ.βββ’βββββ.βββββββ βββΒ·βββ.βββββ.βββββββββββͺββ
βββ .β β βββββͺββ ββͺ βββ βββββͺ βββββͺ.βββ ββββ
The front-end designer's low-level toolbox
About Frontools
Frontools is a bundle of tools for front-end designers who want to have a low level development workflow. No bullshit, it's easy to learn.
It supports only modern browsers
This work is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. To view a copy of this license, visit or send a letter to Creative Commons, PO Box 1866, Mountain View, CA 94042, USA.
Swipe Events
event-swipe
is written using ECMAScript 2015 and is a NPM module.
Whereas it can be used independently, it has been done to work with
Frontools
Installation
npm install frontools-event-swipe --save-dev
If you want it to be transpiled into ECMAScript 5.x, use
Babelify with the es2015
preset.
See package.json
for more information.
Dependencies
Usage
<html>
<body>
<div id="aContainer"></div>
</body>
</html>
import SwipeEvent from "frontools-event-swipe";
// Attach the Event to the Document...
var swipe = new SwipeEvent();
// ...or to one HTMLElement
var swipe = new SwipeEvent( document.getElementById( "aContainer" ) );
// Attach the event when you need it
swipe.attach();
// SwipeEvent.event is an EventEmitter from eventemitter3
swipe.event.on( "right", function show_previous () {}, null );
swipe.event.on( "left" , function show_next () {}, null );
// Detach the event when you need it
swipe.detach();
Contribute
There are many ways to contribute to Frontools.
- Submit bugs and help us verify fixes as they are checked in.
- Review the source code changes.
- Join the #frontools discussion on Twitter.