jDrawer plugin v0.2  

A reusable, decoupled, and configurable Drawer plugin

---

Demo Site

---

Get Started

• clone the repository
• enter 'bower install'
• enter 'npm install'
• run the demo index.html
• (optional) test AJAX tabs by running 'node server' to serve some basic templates. (node is required)

Features

• Mobile ready
• Easily customizable look & feel - CSS easy to override
• Small size - 6k (2k gZipped)
• Only 1 dependency - jQuery
• Hardware accelerated animations with CSS3 animations w/ jQuery fallback (configurable)
• Fully customizable tabLink types via data-attributes (tab links)
• Fully configurable drawer behavior (configurations)
• FOUC Free (no flashes of unstyled content - good for slower browsers)
• Lazy loading option with ajax support
• Fully accessible by keyboard
• Auto Height and fixed height mode

Plugin dependencies

• jDrawer.css
• jDrawer.js
• jQuery.js (any version)

Possible upcoming Features

• Greensock animation plugin for better mobile scrolling performance
• (Possible) Manual resizing of fixed height drawers via drag and drop
• (Possible) tab transition animations

Tested on:

• Chrome
• Firefox
• Safari
• iOS (iPad and iPhone ready)
• IE8
• TO DO: IE9-11
• TO DO: Android