ocelot-pjax

0.3.10 • Public • Published

Ocelot

Codacy Badge npm version

Introducing Ocelot, the elegant way to make your sites quick, simple and beautiful using PJAX. Ocelot only updates the content of a specified element using AJAX but is designed with beautiful transitions and standard browser navigation in mind.

  • Get started in two lines of code.
  • Use transition animations, or don't.
  • Get rid of hash navigation.

Using Ocelot

A formal example is in the works. For now, here is how to make every single anchor a PJAX link.

    let ocelot = new Ocelot.Pjax("content");
    ocelot.all();

Congratulatons, your entire site is now completely PJAX-able.

Spice things up a bit with a fade:

    ocelot.fadeAll();

Why shouldn't I just use AJAX?

Visit the legacy example site for a brief overview of what PJAX is and why it's awesome. A more interesting example will come soon.

What happened to PJAXIT?

This is PjaxIt evolved to make the process even easier. It's cleaner, more modern and contains built in functions to get you up and running faster than ever.

Legacy PjaxIt is still available if you want higher flexibility but will no longer be maintained.

Readme

Keywords

none

Package Sidebar

Install

npm i ocelot-pjax

Weekly Downloads

11

Version

0.3.10

License

ISC

Last publish

Collaborators

  • declantyson