If the main purpose of your module is to provide additional functionality via JavaScript then you should use the JavaScript tag. If your module's main purpose is to provide some set of features and JavaScript helps make those features richer, do not use the JavaScript tag.


Stepify Module is a module based on Jquery UI library and converts any Drupal form into multistep form.

AngularJS UI Bootstrap

This module provides a bridge between Drupal and the AngularJS UI Bootstrap library. By default the module uses version 0.13.3 of AngularJS UI Bootstrap library pulling the minified code from the CloudFlare CDN. This may be changed by going to the administrative page. If you want to download the files to host locally they can be found at http://angular-ui.github.io/bootstrap/ and placed in /sites/all/libraries/angular-ui-bootstrap/ folder.

AngularJS Block Example

An example module creating a block that uses AngularJS

My Account JQuery Block


This module creates a Google like My Account block named 'My Account JQuery Block' which is pre-populated with details of logged-in user i.e. user name, account picture, login and logout links in drop down block with optional custom HTML. (see the snapshot)

Piwik D8 Port

Sandbox for the piwik d8 port based off of https://github.com/dawehner/piwik

Defer Image

Speed up page loads by skipping images.

The purpose of this technique is to keep image resources from blocking the initial load and render of a page, which greatly speeds up time to page loading and improved UX... especially on limited bandwidth on mobile and abroad.

This technique works best for images that are "below the fold" or otherwise not shown in the viewport immediately on page load so that users don't notice the images coming into the page late.



Subscribe with RSS Subscribe to RSS - JavaScript Utilities