Responsive slide panels using jQuery

Name: Transcendit - IT Support Newcastle / Gateshead
Telephone: 0191 482 0444

January 02, 2014 - Christophe Duhaut

Web design

As Vitaly Friedman said in the New Year's Special Edition of the Smashing Newsletter, the festive period is the best time to explore, experiment and play around with code and design... And it is exactly what I did.

I've had an idea in the back of my mind for quite a while to create some responsive slide panels using jQuery. The aim was to display 2 sidebars that would be displayed if the screen was big enough to accommodate them and become slide panels when the screen size becomes too small.

It's not avant-gardiste but I wanted the test to work well in terms of responsiveness but also with the scrolling content when the slide panels are opened.

You can see the result of this experiment here

Hope you enjoy, maybe use the code yourself and certainly comment on it if you think of ways that could improve the code...

The Transcendit Way

Transcendit understand that when you choose to work with us, whether we're taking care of your IT, app or web development, you're trusting us with part of your business. So whether we're looking after your computers, phone systems or servers we always do things 'the Transcendit way'.

The whole of our team adhere to the same values, beliefs and policies - the principles that were written when Transcendit first formed in 2000. Whether you come to us for cloud services or recovery backup you can be confident that you'll always receive the same excellent service.

The Transcendit way outlines how we do business; following the same straightforward principles with every client and customer, regardless of how big or small they may be.