Verktyget.js

A ES6 javascript library.

Disclaimer! This is just published, so bare with me as I fix bugs, update and improve.

Features

• Ajax loading
• Json loading
• Image loading
• Video loading
• Video player
• Dom tool
• Event dispatcher
• URL Manager
• Device info (viewport size, scroll position, browser prefix)
• Scroll Detection

Demo

There is a demo site showing some of the features here: http://verktyget.robinisaksson.com

This is the Github repository for the demo site: https://github.com/robinisaksson/verktyget-demo

Install

# Using npm
npm install verktyget

Verktyget is written in ES6 (named modules). You import them like this:

// es6
import {DOM} from 'verktyget';

Verktyget is bundled with Rollup to these formats

dist/
├── verktyget.umd.js    (UMD, default)
├── verktyget.cjs.js    (CommonJS)
└── verktyget.esm.js    (ES Module)

List of modules

Documentation for each of this is in progress...

• EventDispatcher
• DOM
• DeviceInfo
• ImageLoader
• ResponsiveImageLoader
• VideoLoader
• ResponsiveVideoLoader
• Video
• JSONPRequest
• AjaxRequest
• URLManager

DeviceInfo

// Device info
import {DeviceInfo} from 'verktyget';

var isMobile = DeviceInfo.IsMobile() // True/False
var prefix = DeviceInfo.GetPrefix() // {object} - {dom: "WebKit", lowercase: "webkit", css: "-webkit-", js: "Webkit"}

var viewportSize = DeviceInfo.GetSize(); // {x: 1920, y: 1080}
var scrollPosition = DeviceInfo.GetScroll(); // {x: 0, y: 999}

// NOTE - Make sure to update DeviceInfo. This is not done by the library
// window.addEventListener('resize', DeviceInfo.Resize);
// window.addEventListener('scroll', DeviceInfo.Scroll);

DOM

// DOM
import {DOM} from 'verktyget';

var node = DOM.Qs('.parent-node'); // class selector, scope node
var childNode = DOM.Qs('.child-node', node);

Todo List

• [x] First version
• [x] Example site
• [ ] Documentation

Contributing

If you feel like I missed something please do send me a message or, alternatively make a pull request/open an issue and we will go from there.

License

Code released under the MIT license.