Advertise here

Responsive

Responsive Retina-Ready Menu

May 09, 2013     7114     Menu Mobile Responsive
Responsive Retina-Ready Menu

responsivetouch-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

Read More »

Magnific Popup – Responsive jQuery Lightbox Plugin

May 03, 2013     7425     Responsive Gallery
Magnific Popup – Responsive jQuery Lightbox Plugin

Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device.

Features

  • Light and modular
  • Content is resized with CSS
  • Fast
  • High-DPI (Retina) display support
  • Conditional lightbox
  • Memory management

Read More »

MixItUp – CSS3 and jQuery Filter & Sort Plugin

May 03, 2013     6179     CSS3 & CSS Responsive
MixItUp – CSS3 and jQuery Filter & Sort Plugin

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 fluidresponsive layouts. It's perfect for portfolios, galleries, blogs, or any categorized or ordered content!

Read More »

AnySlider – Responsive jQuery Slider for Any Kind of Content

April 29, 2013     9129     Responsive Slider
AnySlider – Responsive jQuery Slider for Any Kind of Content

AnySlider is a jQuery plugin which allows you to create a slider for any kind of HTML content.

Features

  • Continuous autoplay.
  • Custom easings.
  • Fade or slide transition.
  • Highly customizable appearance and lots of options.
  • Keyboard navigation.
  • Multiple sliders on one page supported.
  • Navigation bullets.
  • Slide any content or using any element. HTML, images and YouTube clips. Or mix <div>s, <span>s and <section>s.
  • Supported in all major browsers.
  • Touch support.

Read More »

Fullscreen Layout with Page Transitions

April 23, 2013     6301     CSS3 & CSS Responsive
Fullscreen Layout with Page Transitions

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.

All effects are done with CSS transitions and controled by applying classes with JavaScript. The whole layout is flexible and some media queries are added to size down things for smaller screens.

Read More »

Responsive Multi-Level Menu

April 19, 2013     27045     Responsive Menu
Responsive Multi-Level Menu

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.

Read More »

FlexNav – jQuery Plugin for Responsive Menus

April 18, 2013     31261     Mobile Responsive Menu
FlexNav – jQuery Plugin for Responsive Menus

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.

Features

  • Multiple nested sub menus
  • Tap targets to reveal sub menus for touch screens
  • Hover reveal for desktop
  • Keyboard tab input accessibility
  • Fallback for no JavaScript
  • Supports em units

Read More »

Flaunt.js – Stylish Responsive Navigations with Nested Click-to-Reveal

April 17, 2013     5909     Menu Responsive
Flaunt.js – Stylish Responsive Navigations with Nested Click-to-Reveal

Flaunt.js is a jQuery script that allows you to create a responsivenested 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.

Read More »

doubleTapToGo – Responsive and Touch-Friendly DropDown Navigation

April 15, 2013     46714     Responsive Mobile Menu
doubleTapToGo – Responsive and Touch-Friendly DropDown Navigation

doubleTapToGo is responsive and touch-friendly dropdown navigation.

The technique consists of three main parts:

  1. Simple drop-down navigation based on HTML and CSS;
  2. Responsiveness implementation using media queries;
  3. Adoption for touch screen devices with the help of a super tiny jQuery plugin.

Read More »

Responsive Nav – Responsive Navigation Plugin with Touch Support

April 09, 2013     2815     CSS3 & CSS Mobile Responsive
Responsive Nav – Responsive Navigation Plugin with Touch Support

Responsive Nav is a tiny JavaScript plugin which helps you to create a toggled navigation for small screens.

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.

Read More »

jQuery Responsive Thumbnail Gallery Plugin

March 31, 2013     16671     Responsive Gallery
jQuery Responsive Thumbnail Gallery Plugin

Responsive Thumbnail Gallery is a jQuery plugin for creating image galleries that scale to fit their container.

Read More »

DyLay – jQuery Dynamic Layout Plugin

March 24, 2013     10068     Responsive Grid & Layout
DyLay – jQuery Dynamic Layout Plugin

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.

Read More »

SuperBox – Responsive Re-Imagined Lightbox Gallery

March 21, 2013     12667     Responsive Gallery HTML5
SuperBox –  Responsive Re-Imagined Lightbox Gallery

SuperBox is a new jQuery plugin that takes the whole 'image' and 'lightbox' one step further, reducing the JavaScript and image load dependence to make lightboxing a thing of the past! Using HTML5 data-* attributes, responsive layouts and jQuery.

SuperBox works wonders as a static image gallery, which you can click to reveal a full version of the image.

Read More »

Unslider – Flexible and Responsive jQuery Slider

March 17, 2013     10563     Gallery Slider Responsive
Unslider – Flexible and Responsive jQuery Slider

Unslider is a lightweight jQuery slider plugin that just slides content without fancy effect and unnecessary markup. It's fluid, flexible and minimal.

  • Cross-browser
  • Keyboard support
  • Adjusts for height
  • Responsive

Read More »

Swipe – Responsive Touch Slider

March 17, 2013     10297     Responsive Slider Mobile
Swipe – Responsive Touch Slider

Swipe is lightweight and accurate touch slider.

Features:

  • Responsive
  • Resistant Bounds
  • Scroll Prevention
  • Library Agnostic
  • IE7+ Compatible

Read More »