tutorial-using-the-pageslide-jquery-plugin

Demo
Download Source
118 downloads

I have found the very nice jQuery pageslide plugin. This plugin allows you to slide a webpage over to reveal an additional interaction pane.

I’ve modified the dynamic CSS example that I wrote in a previous article and used the pageslide plugin to display the CSS theme choices. In the markup I define some example content and a div for a preferences pane.

For the CSS theming, I defined a base CSS file and a few theme files.

 

The Javascript is straightforward.

I applies the pageslide plugin on the div created for the pane.

When clicking one of the colours on the side pane, it replaces the theme CSS file.

 

 

Have fun!

Demo
Download Source
118 downloads

 

Tagged with:

Author:

I'm a software developer interested in web and movbile application development. I enjoy creating great UX with tools like jQuery, CSS3 and many other frameworks. I'm also a fan of Grails.