1.0.1 • Published 9 years ago

aero-ajax v1.0.1

Weekly downloads
100
License
-
Repository
github
Last release
9 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

9 years ago

1.0.0

9 years ago

0.9.1

9 years ago

0.9.0

9 years ago

0.8.3

9 years ago

0.8.2

9 years ago

0.8.1

9 years ago

0.8.0

9 years ago

0.7.9

9 years ago

0.7.8

9 years ago

0.7.7

9 years ago

0.7.6

9 years ago

0.7.5

9 years ago

0.7.4

9 years ago

0.7.3

9 years ago

0.7.2

9 years ago

0.7.1

9 years ago

0.7.0

9 years ago

0.6.5

9 years ago

0.6.4

9 years ago

0.6.3

9 years ago

0.6.2

9 years ago

0.6.1

10 years ago

0.6.0

10 years ago

0.5.6

10 years ago

0.5.5

10 years ago

0.5.4

10 years ago

0.5.3

10 years ago

0.5.2

10 years ago

0.5.1

10 years ago

0.5.0

10 years ago