Design patterns that serve as basic building blocks.
+Design patterns that serve as basic building blocks.
-Title bars are full width and docked to the top of the viewport.
+ +Title bars are full width and docked to the top of the viewport.
- -Can be used with any number of slides with any type of content.
+ +Can be used with any number of slides with any type of content.
-
-
- 
- 
-
+
+
+
+ Sliders.js binds an event to the document that returns a detail object and can be used to fire a callback.
+Sliders.js binds an event to the document that returns a detail object and can be used to fire a callback.
{% highlight js %} // Only needed if you want to fire a callback @@ -978,44 +979,44 @@ document .addEventListener('slide', myFunction) {% endhighlight %} - + - -Push.js is the engine that connects Ratchet pages together with AJAX and the history api. Push.js is listening to all clicks on a page, so just make sure it's included and link something in your Ratchet project up.
+ +Push.js is the engine that connects Ratchet pages together with AJAX and the history api. Push.js is listening to all clicks on a page, so just make sure it's included and link something in your Ratchet project up.
{% highlight html %} Two {% endhighlight %} -This will use push to replace everything in the .content div with the .content of two.html. Also, it will either update or remove .bar-nav and .bar-tab according to their presences in two.html.
+This will use push to replace everything in the .content div with the .content of two.html. Also, it will either update or remove .bar-nav and .bar-tab according to their presences in two.html.
-Now that pages are being loaded through push, it's easy to specify transitions for animations between pages. There are three different transitions to chose from: fade, slide-in, or slide-out.
Now that pages are being loaded through push, it's easy to specify transitions for animations between pages. There are three different transitions to chose from: fade, slide-in, or slide-out.
A working version of push:
+A working version of push:
-Have a link you don't want to intercepted by push? Try this:
+Have a link you don't want to intercepted by push? Try this:
{% highlight html %} Google {% endhighlight %} -Push.js binds an event to the document that returns a detail object and can be used to fire a callback.
+Push.js binds an event to the document that returns a detail object and can be used to fire a callback.
{% highlight js %} // Only needed if you want to fire a callback window.addEventListener('push', myFunction); {% endhighlight %} -