1.0.1 • Published 7 years ago

aero-ajax v1.0.1

Weekly downloads
100
License
-
Repository
github
Last release
7 years ago

aero-ajax

Lightweight ajaxification plugin for Aero using high-performance CSS transitions.

Installation

Add aero-ajax to dependencies in your package.json:

"dependencies": {
	"aero-ajax": "*"
}

Preparation

You need to define your main element with the ID content in your layout template:

main#content!= content

However this plugin requires user-defined CSS transitions for enhanced performance and flexibility. Therefore you also need to add a fade class:

main#content.fade!= content

Then define which animation you want for page swaps. Add fade.styl in styles:

.fade
	opacity 1
	will-change opacity
	transition opacity 200ms ease

.fade-out
	opacity 0

Usage

Let's say you have a link on your page:

a(href='/contact') Contact

Simply add the ajax class to make it load the page via AJAX requests:

a.ajax(href='/contact') Contact
1.0.1

7 years ago

1.0.0

7 years ago

0.9.1

7 years ago

0.9.0

7 years ago

0.8.3

7 years ago

0.8.2

7 years ago

0.8.1

7 years ago

0.8.0

7 years ago

0.7.9

7 years ago

0.7.8

7 years ago

0.7.7

7 years ago

0.7.6

7 years ago

0.7.5

7 years ago

0.7.4

7 years ago

0.7.3

8 years ago

0.7.2

8 years ago

0.7.1

8 years ago

0.7.0

8 years ago

0.6.5

8 years ago

0.6.4

8 years ago

0.6.3

8 years ago

0.6.2

8 years ago

0.6.1

8 years ago

0.6.0

8 years ago

0.5.6

8 years ago

0.5.5

8 years ago

0.5.4

8 years ago

0.5.3

8 years ago

0.5.2

8 years ago

0.5.1

8 years ago

0.5.0

8 years ago