Code Monkey home page Code Monkey logo

slidebars's Introduction

Slidebars

Slidebars is a jQuery plugin for quickly and easily implementing app-style revealing, overlaying, push menus and sidebars into your website.

See the Slidebars website for more information, usage documentation and compatibility tables.

Coming Soon

Version 0.10 - Unreleased

  • Link behaviour options - By default, links in Slidebars no longer close the Slidebar before following the link. Options: 'standard' or 'close', default: 'standard'.
  • New helper class .sb-enable-close - When using 'standard' link behaviour, add this class to a link to make it close the Slidebar first.
  • New helper class .sb-disable-close - When using 'close' link behaviour, add this class to a link to stop it closing the Slidebar.
  • API rework. All API methods are now prefixed with .slidebars. For example yourVariable.slidebars.open('left');.
  • New API method .destroy(side). Removes Slidebar from the DOM.
  • New option siteLock set to true or false, default: false. Locks site to prevent site scrolling when Slidebar is open.
  • You may now use class .sb-site as your site container rather than id #sb-site.
  • The script no longer checks positions of site and Slidebar elements, or moves them if located incorrectly.
  • .NET compatible.
  • Smooth native scrolling for Slidebar elements from -webkit-overflow-scrolling: touch;.
  • Fixes an issue with minimum heights for site container.
  • Minimum heights are no longer set for screen sizes larger than disableOver (if provided).
  • Fixes issues with push and overlay styles on iOS 7.
  • Inactive Slidebars now use display: none; instead of visibility: hidden; to allow for smooth scrolling as above.
  • Inline styling removed after closing animation.

Whats New

Version 0.9.4 - Released April 1, 2014

  • Fixes issue with site locking and scrolling difficulty.

Version 0.9.1, 0.9.2, 0.9.3

  • Fixes for jQuery Plugin Registry and Bower support.

Version 0.9 - Released March 10, 2014

  • New push animation style, add modifier class .sb-style-push to a Slidebar.
  • New overlay animation style, add modifier class .sb-style-overlay to a Slidebar.
  • New thin width, add modifier class .sb-width-thin to a Slidebar.
  • New wide width, add modifier class .sb-width-wide to a Slidebar.
  • Static Slidebars support for older versions of iOS which do not support position: fixed;
  • More API functions, return when Slidebars has been initiated, and if either Slidebar is open or closed.
  • Re-written window resize events.
  • Improved static Slidebars.
  • Improved inline min-height styling, to avoid additional spacing under site.
  • Fixed a bug where control classes couldn't be hidden using CSS.
  • Helper class html.sb-android has been depreciated, see below.
  • New helper class html.sb-static has been added, use this to un-fix your fixed elements for use on Android < 3 and iOS < 5.

Version History

Version 0.8.2 - Released February 24, 2014

  • Event handling has been re-written in this update for better Android support. Also fixed an error where unnecessary space was added below the site content on a window resize. Thanks to francis-ceril, ecclescake and dmmikkel.

Version 0.8.1 - Released February 17, 2014

  • Fixed an error which caused Slidebars to fail when only using one Slidebar. Thanks to Damien Jarry (wibimaster) for the fix.

Version 0.8 - Released February 17, 2014

  • Added Slidebars Theme! An optional theme which you are free to use and abuse. It features a top navigation bar, list menus in Slidebars with unlimited level of drop downs, widgets and other useful CSS snippets. You can find the [theme usage here] (http://plugins.adchsm.me/slidebars/theme.php).
  • Mobile and tablet only support. Pass a width to [option disableOver] (http://plugins.adchsm.me/slidebars/usage.php#options) to disable Slidebars over a certain width screen.
  • Show/Hide the Slidebar control classes over the disabled width with [option hideControlClasses] (http://plugins.adchsm.me/slidebars/usage.php#options).
  • You can now easily set [custom widths for your Slidebars] (http://plugins.adchsm.me/slidebars/usage.php#custom-widths). Add modifier class .sb-width-custom to your Slidebar, and pass a pixel or percentage width as a data attribute data-sb-width.
  • New modifier class [.sb-static] (http://plugins.adchsm.me/slidebars/usage.php#modifier-classes). Add this class to your Slidebar to unfix it and scroll naturally with the site.
  • Removed touchend events from links in Slidebars for better scrolling support.
  • Reworked Control Class events to prevent tap and click events travelling down to elements in Slidebars.
  • Added another Slidebar width for screens between 480px and 768px.
  • Better Slidebar closing from clicking on the site.
  • Cleaned up code.
  • Further code comments.

Version 0.7.1 - Released January 22, 2014

  • Added Slidebars options.
  • Added helper class html.sb-android for Android Browser version 2.*. Can be used to unfix your elements with position fixed.
  • Added helper class .sb-disable-close. Apply to a link in a Slidebar to prevent it from closing on click.
  • Smoother jQuery .animate() animations on window resize events.
  • Cleaned up code.

Version 0.7 - Released January 13, 2014 - First public release.

slidebars's People

Contributors

adchsm avatar mscdex avatar wibimaster avatar

Watchers

Xiao Wenjie avatar James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.