estoolbox

ESToolbox v0.1.1

A collection of libraries intended to augment the development of Modern JS (ES6+) targeted applications.

Is it open?

Yes, it is released under the MIT License, See LICENSE.md.

Where do I start?

1. Install the NPM module.

npm install --save-dev estoolbox

2. Import and use the desired component.

Affix

Provides the ability to affix content to the top of the window on scroll.

import {Affix} from "estoolbox";

Affix.top(".top-nav", ".content");

@import "estoolbox/affix";

.my-nav {
  @include affix();
  height: 300px;
}

.my-content {
  @include affix-buffer(300px);
}

Animated Transcript (preview)

Provides the ability to animate the display of a transcript alongside html5 videos.

Carousel (preview)

Provides a responsive continuous image carousel.

<div class="my-carousel carousel">
  <button class="carousel-move-left"></button>
  <div class="carousel-fixed-container">
    <div class="carousel-flexible-content">
      <ul>
        <li>
          <!-- Your carousel item content here. -->
        </li>
        <!-- ... -->
      </ul>
    </div>
  </div>
  <button class="carousel-move-right"></button>
</div>

import {Carousel} from "estoolbox";

Carousel.run(".my-carousel");

@import "estoolbox/carousel";

.my-carousel {
  @include carousel();
}

Highlight Words (preview)

Provides the ability to highlight words in a given block of text.

Media Upload (preview)

Provides the ability to handle drag and drop media uploads.

Router

Provides the ability to perform actions based on changes in the URL hash.

import {Router} from "estoolbox";

Router.when("/about", () => {
  // Show the about route content.
});

Want to learn more?

See our CONTRIBUTING.md guide for information regarding:

• project contributors
• dependencies
• testing
• releasing