Elastic Content Slider

Elastic Content Slider is a fluid content slider that will adjust in width and height depending on the size of its parent.

It has a sliding area for content and a tab-like navigation at the bottom. The slider is fluid, meaning that it will adjust to the parent’s container width and height.

A couple of media queries show how to minimalise the look by just leaving icons for the navigation when the screen is very small. The content area will become scrollable if there isn’t enough space available. Every list item is a slide and and it has a corresponding link element in the navigation.

Related Post

RubyTabs is a great plug-in Tabs + Slider when integrated touch gestrue swipe, move between slides really easy on desktop Read more

Chrome style tab-resizing for jQuery UI tabs.OverflowResize provides methods for adding and removing tabs.

TurboTabs is responsive Tabs  jQuery Plugin with plenty of options. HTML markup is very simple to follow , jQuery will Read more

TabbedContent is a lightweight* tabs plugin that uses the HTML5 history API to add your tab navigation to your browser’s Read more

Fed up with the old tab designs that you have? Have your website a totally tab-licious makeover with this distinctive Read more

FlexTabs a Clean tabs is a CSS3 and jQuery completely responsive navigation tabs are made for any occasion and easy Read more

Wheelizate Tabs is an alternative way of tabbed navigation. It’s an animated tab components based on Bootstrap tab system.Features:

A simple, Accessible, 60+fps, easy-to-use animated tabs plugin for jQuery.

Go