jQuery Offcanvas is the easy way to arrange overloaded websites or to design user-friendly mobile navigations.
Set oversized content as off-canvas and let it flow-in, if needed – simple.
Best jQuery Side Menu Plugins & Tutorials with Demo
FlyOut : CSS3 Fixed and Sticky Website Banner Positions
FlyOut sticky website banners are ideal way to display your banners. You can show HTML5, Flash, gif, textual or static image banners effectively and with style.
- 14 predefined banner sizes
- 7 predefined fixed banner positions
- Eye catching visual effects
- Custom options to fit your needs
- Delay the banner visibility based on time
- Delay the banner visibility based on scroll
- Set a cookie if a visitor chooses to close the banner
- Insert iframe, object or any kind of element
Lateralus : jQuery Slide & Push Menus
Lateralus is a group of menus, to help you build your next website or app.You can choose between normal side menus (right or left) and top menu or push menus (right or left), that push your page to give room to the menu.
Pure HTML & CSS with only some HTML5 & CSS3 benefits, and with the use of simple jQuery script so you can easily customize at your own taste!
SlidePanel : jQuery Collapsable Panel Plugin
Slide Panel is a JQuery plugin that allows elements to expand and collapse creating a sliding panel effect. I know that this is nothing new and there are already a few JQuery panel plugins out there but this one is both highly flexible, has a small footprint and has some unique features.
Dash : Responsive Bootstrap Dashboard Navbar
Dash is responsive Bootstrap dashboard navbar / menu. This item has two navbars, one for top and the other for left. The mobile swipe feature has been added for mobile devices.
Features:
- Botstrap 3
- Responsive
- Dashboard style
- Mobile friendly with swipe feature
- Both default Bootstrap icons and font awesome
- Coded in HTML5 and LESS for CSS
- Two effects: push and overlay
jQuery Side panel slider plugin
Side panel slider plugin (jQuery) that also slides page (inspired on medium).
Features:
- slide page and panel together (inspired on medium.com)
- support multiple panels on same page
- support closing when clicking outside panel or pressing ESC.
- play well with angularJS directives (Example comming soon)
CSS3 Sliding Header Layout
Today we’d like to show you how to create a simple grid layout with a special header effect. The idea is to initially show a fullscreen image with a title and a toggle button that allows to change the view to a grid. The header with the fullscreen image animates upwards and reveals a grid of image anchors with a title. We’ll be using some techniques like Flexbox and CSS Transitions for modern browsers.
