<commit_before>CSS3-MenuSlider
===============

Recently i was required to use a menu slider for my project. After some research i was able to find some nice jQuery plugins, but the problem was jQuery animation have lower FPS and due to that it lags in mobile devices. I was amused by [MailChimp](http://mailchimp.com) menu slider in there login side, so I decided to create my own CSS3 menu slider.

[Project demo](http://b3ckstage.github.io/CSS3-MenuSlider/) | [Github](https://github.com/b3ckstage/CSS3-MenuSlider)

## CSS3 vs jQuery animation

jQuery animation have lower FPS and all actions performs on CPU level [comparison demo](http://css3.bradshawenterprises.com/blog/jquery-vs-css3-transitions/), while [CSS3 transform](http://www.w3.org/TR/css3-transforms/) performs on GPU level so your CPU will not bother with animations and as a result much higher FPS and smooth transition across all devices.

## Javascript

CSS3 Menu Slider is using [jQuery](https://github.com/jquery/jquery) and [Response JS](https://github.com/ryanve/response.js)

**jQuery** is for triggering actions and all actions are performing in **CSS3**

**Response js** is to determine and perform the CSS3 actions when window resizes or opens in mobile device.

## Usage

All files are **required**, while in theme.css you can change the look according to your platform.

## Compatibility

Chrome 1.0+, Safari 3.2+, Firefox 3.5+, Internet Explorer 9+ and Opera 10.5+ (all tested)

## Future release

Right slide option

## Contribute

Please help to make it more better and add additional features that you like.
<commit_msg>Add a Bitdeli badge to README<commit_after>CSS3-MenuSlider
===============

Recently i was required to use a menu slider for my project. After some research i was able to find some nice jQuery plugins, but the problem was jQuery animation have lower FPS and due to that it lags in mobile devices. I was amused by [MailChimp](http://mailchimp.com) menu slider in there login side, so I decided to create my own CSS3 menu slider.

[Project demo](http://b3ckstage.github.io/CSS3-MenuSlider/) | [Github](https://github.com/b3ckstage/CSS3-MenuSlider)

## CSS3 vs jQuery animation

jQuery animation have lower FPS and all actions performs on CPU level [comparison demo](http://css3.bradshawenterprises.com/blog/jquery-vs-css3-transitions/), while [CSS3 transform](http://www.w3.org/TR/css3-transforms/) performs on GPU level so your CPU will not bother with animations and as a result much higher FPS and smooth transition across all devices.

## Javascript

CSS3 Menu Slider is using [jQuery](https://github.com/jquery/jquery) and [Response JS](https://github.com/ryanve/response.js)

**jQuery** is for triggering actions and all actions are performing in **CSS3**

**Response js** is to determine and perform the CSS3 actions when window resizes or opens in mobile device.

## Usage

All files are **required**, while in theme.css you can change the look according to your platform.

## Compatibility

Chrome 1.0+, Safari 3.2+, Firefox 3.5+, Internet Explorer 9+ and Opera 10.5+ (all tested)

## Future release

Right slide option

## Contribute

Please help to make it more better and add additional features that you like.


[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/b3ckstage/css3-menuslider/trend.png)](https://bitdeli.com/free "Bitdeli Badge")


{'fraction_non_alphanumeric': 0.09925705794947993, 'fraction_numerical': 0.016939078751857354, 'mean_word_length': 4.61, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 8, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '30404', 'n_tokens_mistral': 996, 'n_tokens_neox': 944, 'n_words': 419}