A responsive, touch-friendly and Retina-ready menu with three layouts for different browser sizes.
The menu automatically changes to one of three different layouts depending on the browser window size: a “desktop” inline version, a two columns tablet-optimized version and a mobile version with a menu link to display and hide the navigation for smaller screens. To make the menu fully retina-ready, we will use an icon font so that the icons of the menu won’t get pixelized on resize
Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device.
MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content.
It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It's perfect for portfolios, galleries, blogs, or any categorized or ordered content!
AnySlider is a jQuery plugin which allows you to create a slider for any kind of HTML content.
A simple responsive layout with some fancy page transitions. The idea is to show four items initially and expand them. Some additional page transitions are added for inner items.
A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage.
Each sub-level in this menu will be shown in its own context, making the “parent” level disappear. This is done with subtle animations that are defined in separate animation classes. The menu is fluid so that it can be used easily in a responsive layout.
Device Agnostic Approach to Complex Site Navigation with Support for Touch and Keyboard Accessibility
A mobile-first example of using media queries and jQuery to make a decent site menu with drop downs. Special attention is paid to touch screens using click events for tap targets.
Flaunt.js is a jQuery script that allows you to create a responsive, nested navigation out the box.
Flaunt was built to overcome responsive design challenges which faced a huge percentage of websites. This challenge was to show nested navigation items on click-demand, without the event taking you through to the page you've pressed.
doubleTapToGo is responsive and touch-friendly dropdown navigation.
The technique consists of three main parts:
It uses touch events and CSS3 transitions for the best possible performance. It also contains a “clever” workaround that makes it possible to transition from height: 0 to height: auto, which isn’t normally possible with CSS3 transitions.
Responsive Thumbnail Gallery is a jQuery plugin for creating image galleries that scale to fit their container.
DyLay is a jQuery plugin which allows to create dynamic layout very easily.
Dylay is responsive and is tested in Safari, Firefox 1.5+ , Internet Explorer 6+, Opera 9+ and Chrome.
SuperBox works wonders as a static image gallery, which you can click to reveal a full version of the image.
Unslider is a lightweight jQuery slider plugin that just slides content without fancy effect and unnecessary markup. It's fluid, flexible and minimal.
Swipe is lightweight and accurate touch slider.