frontools

The Web Application Toolbox: Polyfills, Helpers, Events, Widgets and Web Components

Usage no npm install needed!

<script type="module">
  import frontools from 'https://cdn.skypack.dev/frontools';
</script>

README

·▄▄▄▄▄▄         ▐ ▄ ▄▄▄▄▄            ▄▄▌  .▄▄ ·
▐▄▄·▀▄ █·▪     •█▌▐█•██  ▪     ▪     ██•  ▐█ ▀.
██▪ ▐▀▀▄  ▄█▀▄ ▐█▐▐▌ ▐█.▪ ▄█▀▄  ▄█▀▄ ██▪  ▄▀▀▀█▄
██▌.▐█•█▌▐█▌.▐▌██▐█▌ ▐█▌·▐█▌.▐▌▐█▌.▐▌▐█▌▐▌▐█▄▪▐█
▀▀▀ .▀  ▀ ▀█▄▀▪▀▀ █▪ ▀▀▀  ▀█▄▀▪ ▀█▄▀▪.▀▀▀  ▀▀▀▀
     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

NPM version Build Status API Doc

Used Web API

...

Linters, unit testings & documentation

Configuration files are present for:

Install these Node.js modules: npm install eslint stylelint jsdoc mocha should --global and do:

  • Javascript: npm run eslint
  • CSS: npm run stylelint
  • API documentation: npm run jsdoc
  • Testings (stylelint and eslint): npm test

Web Application Starter Kit

Whether you want to start a new website or a new web application from scratch, a ready-to-use Web Starter Kit is available too. Not only are frontools and dependencies configured, it also includes everything needed to make a Cordova-ready web application<.

API Documentation

The documentation is generated thanks to JSDoc. You can read it online or generate it by doing npm run jsdoc and then open ./public/index.html in your favorite browser.