Skip to content
Seun Ogedengbe edited this page May 14, 2016 · 8 revisions

One of comix-ngn's powerful features is its modularity. Plugins can be used to boost the capabilities of the framework.

In general, plugins follow a certain set of rules:

  • Dependence on comix-ngn: As a result, most plugins must be loaded after main framework.
  • Additive: No plugin removes features, so there is no need to worry about conflicts and choosing between plugins. The only downside to plugins are the increase in file size and HTTP requests.
  • Order matters: When a plugin is loaded it makes itself the new default. Hence the last loaded plugin becomes the default functionality of whatever it modifies.

Special Plugins

comix-ngn WordPress beta 🆕

A WordPress plugin that embeds comix-ngn into a WordPress site.

  • Automatically handles script creation.
  • Currently does not support plugin options.
  • Seen here for more elaboration.

Bellerophon

Raw | Min

Wraps pegasus.js to load files asynchronously.

  • This plugin will load all of the resources in parallel rather than waiting on each individual resource. This plugin must be loaded before comix-ngn.
  • This plugin is so useful that it comes in the embed version, which has the advantages of Bellerophon, but defers comix-ngn and its plugins so the page doesn't have to wait for the scripts to load. [Recommended]
  • Bellerophon Embed Raw | Min

comix-ngn JQ

Raw

Registers comix-ngn functions in jQuery.

  • This isn't a plugin the traditional sense, it simply adds comix-ngn to jQuery.
  • It must be loaded after both comix-ngn and jQuery.

Regular Plugins

Infinite

Raw

A modified version of Direction, infdirection.js that converts the carousel into an infinite canvas. It should work in theory, but even the js it wraps is buggy, unstable for now.

Diskus

Raw

Adds disqus support.

  • Since comix-ngn is an SPA (Single Page Application), adding disqus conventionally, only presents one thread for the page. Diskus allows disqus thread's for every single page, changing along with page transition.

Swip

Adds swipe.js as a stage renderer.

  • Swipe uses formatted html and CSS to create carousel slides rather than by using canvas as in the default (Direction.js). As such it has more capability and backwards compatibility.
  • It is currently incomplete