Jon Phillips over at Spyre Studios shows us how to create a a sexy vertical sliding panel using jQuery And CSS3. Rather than the usual “top-down” slider, Jon walks through a technique that behaves more like a vertical drawer that doesn’t push down the content on the page. The result is a clean, dynamic-looking “slide-bar” that rolls open gracefully from the side of the screen.

The tutorial is straightforward and provides everything needed to implement your own vertical sliding panel in very little time. Three steps to completion:

1. The Markup
2. The CSS
3. The jQuery

Looks and works great on CSS3-capable browsers. Three different demos also available within the tutorial page.