ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using elements inside a container. It has been used on sites like Microsoft’s Build 2012 and Gridset App. ResponsiveSLides.js works with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for IE6 and other browsers that don’t natively support it. Only dependency is jQuery (1.6 and up supported) and that all the images are same size.
Bxslider is fully responsive and content slider and you can resize your browser to see the slider adapt.
A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage.
A rounded navigation trigger that stretches on click/tap to reveal the navigation items.
While surfing some Dribbble shots, we came across this nice shopping list concept by Hila Peleg, which inspired today’s resource. We decided to apply a similar idea to a stretching navigation, and create 3 different user cases where this snippet would be useful: 1) fixed navigation, 2) add content button and 3) edit content button.
OkayNav – A responsive navigation jquery plugin fits for all screen sizes.
This simple responsive navigation lets users focus on few important menu items, while the entire navigation is still accessible, just one-click away.
The varying viewports that our websites encounter on a daily basis continue to demand more from responsive design. Not only must we continue to tackle the issues of content choreography — the art of maintaining order and context throughout the chaotic ebb and flow of the Web browser — but we must also meet the expectations of users. They’re not sitting still.
A simple parallax content slider with different animations for each slider element and a background parallax effect.
we want to share a simple parallax content slider with you. Using CSS animations, we’ll control the animation of each single element in the slider and create a parallax effect by animating the background of the slider itself.
Scrolling Parallax is a new jQuery plugin that binds a parallax effect to the scrollbars and mouse wheel. This allows a background image or anything else to scroll at a different pace than the web page when a user scrolls around. The parallax effect that results is an easy way to create an illusion of depth on your website.
The original jQuery plugin for doing cool scrolly stuff. To use the latest, greatest scroll animation library, I recommend checking out Scrollorama successor ScrollMagic