jQuery Plugins

Motif features JavaScript plugins that depend on the jQuery framework — jQuery plugins, if you will. You’ll want to make sure that one way or another, jQuery v1.11.0 is included in your site to take advantage of the plugins. From core, infinitely configurable plugins to more specific use-case plugins built on top of them, these plugins are built with the intent of progressively enhancing a visitor’s web experience.

Note: All Motif jQuery Plugins require /utils/motif.utils.plugins.js for initialization.

Forms

Location: /forms/

Gauntlet

Version: 1.0.0

Location: /forms/motif.gauntlet.js

A form validation plugin that depends on HTML5 syntax.

Full Gauntlet Documentation

Conditioner

Version: 0.3.0

Location: /forms/motif.conditioner.js

Conditionally enable and disable form elements.

Full Conditioner Documentation

Checked

Version: 0.1.0

Location: /forms/motif.checked.js

A script to mimic the :checked state of an input with class.

Full Checked Documentation

Labelless

Version: 0.1.0

Location: /forms/motif.labelless.js

Simple script to help us determine if the field is empty or filled. This script accompanies the .labelless CSS.

Full Labelless Documentation

Ajax Submission

Version: 0.2.0

Location: /forms/motif.ajax-submission.js

A simple plugin to aid in Ajax form submission, with callback messages and form reseting. (Requires Gauntlet.)

Documentation coming soon!

UI

Location: /ui/

Reveal

Version: 2.0.1

Location: /ui/motif.reveal.js

Show and hide things with class(es).

Full Reveal Documentation

Tabs

Version: 0.2.0

Location: /ui/motif.tabs.js

Basic tabs built on Reveal.

Full Tabs Documentation

Modal

Version: 0.1.3

Location: /ui/motif.modal.js

Basic modal built on Reveal.

Full Modal Documentation

Scroll

Location: /scroll/

Herald

Version: 0.2.0

Location: /scroll/motif.herald.js

Fire off events depending on scroll position.

Full Herald Documentation

Sidekick

Version: 0.1.1

Location: /scroll/motif.sidekick.js

A basic sticky sidebar. (Requires Herald.)

Full Sidekick Documentation

Scroll Patrol

Version: 0.1.1

Location: /scroll/motif.scroll-patrol.js

A basic navigation scroll “spy”. (Requires Herald.)

Full Scroll Patrol Documentation

Lazy Social

Version: 0.1.0

Location: /scroll/motif.lazy-social.js

Lazy loading social like/follow buttons on scroll. (Requires Herald.)

Full Lazy Social Documentation

Images

Location: /images/

Background Size

Version: 0.2.1

Location: /images/motif.background-size.js

Mimics the background-size: cover CSS property. Great for IE8 fallbacks.

Full Background Size Documentation

Utilities

Location: /utils/

Load Script

Version: 1.0.0

Location: /utils/motif.utils.load-script.js

Slightly modified version of https://gist.github.com/niftylettuce/3620903. (Does not require jQuery.)

Plugin Utilities

Version: 0.2.0

Location: /utils/motif.utils.plugins.js

Not a plugin in itself, but a set of tool for initializing plugins safely.

Documentation coming soon!