Advertise here

Responsive

JResponsive – Responsive Smooth Transition Layout for jQuery

March 11, 2013     14130     Responsive Grid & Layout
JResponsive – Responsive Smooth Transition Layout for jQuery

JResponsive  is a simple jQuery plugin that allows you to add a dynamically-resized layout to any page or element, customize the layout the way you want with or without top,right,left or bottom navigations.

JResponsive will organize your content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will arrange its children in a layout that makes optimal use of screen space, by "packing" them in tightly.

Read More »

Responsive Horizontal Drop-Down Menu

March 05, 2013     29799     Responsive Menu
Responsive Horizontal Drop-Down Menu

This large responsive horizontal drop-down menu simply shows the sub-menu when an item gets clicked. It’s inspired by the Microsoft.com drop-down menu.

Read More »

Elastic Content Slider

February 26, 2013     11021     Slider Tabs Responsive
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.

Read More »

Responsive Img – jQuery Plugin for Responsive Images

February 10, 2013     1611     Responsive
Responsive Img – jQuery Plugin for Responsive Images

Responsive Img swaps out an image's src attribute based on its container's width when the DOM is ready and when the browser is resized.

Using a PHP file, Responsive Img creates new images on the fly the first time they're needed and puts them on your server.

Responsive Img takes pixel ratio into account and uses larger images for Retina display and displays with other pixel ratios.

Read More »

Nested – Gap Free, Multi Column Grid Layout jQuery Plugin

February 03, 2013     15460     Responsive Grid & Layout
Nested – Gap Free, Multi Column Grid Layout jQuery Plugin

Nested is a jQuery plugin to create a gap free, multi column grid layouts. Nested plugin also sports a responsive design.

Read More »

FluidVids.js – Fluid and Responsive Videos for YouTube and Vimeo

January 30, 2013     10629     Responsive Media
FluidVids.js – Fluid and Responsive Videos for YouTube and Vimeo

FluidVids.js is a javascript alternative to FitVids.js, fluid width video embeds, faster more efficient code.

The demo includes both a YouTube and Vimeo iframe embed, both at different aspect ratios. Both fluid, both 100% width.

FluidVids.js tested in Chrome, FireFox, Opera, Safari, IE7, IE8 and IE9.

Read More »

Shapeshift – Dynamic Grid System With Drag & Drop

January 24, 2013     12721     Responsive Grid & Layout
Shapeshift – Dynamic Grid System With Drag & Drop

Shapeshift is a plugin which will dynamically arrange a collection of elements into a grid in their parent container.

Grid System: All items flow from left to right, top to bottom.

Drag & Drop: Click and drag elements to move them, even to different containers.

Responsive: Resize the browser window so see the grid change with the new dimensions.

Media Queries: Work normally with responsive grids, watch as the page shifts with the new attributes.

Works on Touch: Enable drag and drop on touch devices by using the included

Read More »

bxSlider – Responsive jQuery Content Slider

January 17, 2013     7711     Responsive Slider
bxSlider – Responsive jQuery Content Slider

bxSlider is fully-loaded, responsive jQuery content slider.

Read More »

Liquid Slider – Responsive, HTML5 jQuery Content Slider

January 08, 2013     8421     Slider HTML5 Responsive
Liquid Slider – Responsive, HTML5 jQuery Content Slider

The Liquid Slider is a fully responsive, html5 content slider, which means it will work on your desktop as well as your mobile device. It's fully adaptable to changing widths and orientation, so ahead and resize your browser to see it in action.

Read More »

jResize – Responsive Development Plugin for Resizing the Content

January 01, 2013     1748     Responsive
jResize – Responsive Development Plugin for Resizing the Content

jResize is a responsive web development tool, built in jQuery to assist the workflow of developers on responsive projects. There are various tools for responsive development, iframes at different widths embedded in the page, and the tedious resizing of the browser. So here’s a different approach which grabs all your HTML, and resizes it inside the browser when you click the width you want. It’s dead simple.

Read More »

liteAccordion – Responsive Horizontal Accordion jQuery Plugin

December 26, 2012     8160     Responsive Slider
liteAccordion –  Responsive Horizontal Accordion jQuery Plugin

liteAccordion is lightweight horizontal accordion plugin for jQuery.

Responsive layout option
liteAccordion V2 has a responsive layout option. This also works on mobile devices when the orientation of the device is changed. 

Auto scale images
If you plan to use liteAccordion as an image slider, there is an option to scale images contained in a slide to automatically fit the slide dimensions. This works in both responsive and fixed width modes. 

Read More »

raccordion – jQuery Responsive Horizontal Accordion Image Slider

December 24, 2012     6227     Slider Responsive
raccordion – jQuery Responsive Horizontal Accordion Image Slider

raccordion is a fully responsive horizontal accordion image slider that adjusts according to the size of the browser width. raccordion slider adds variety and style.

Read More »

stacktable.js – jQuery Plugin for Responsive Tables

December 18, 2012     2931     Responsive Tables
stacktable.js – jQuery Plugin for Responsive Tables

stacktable.js is a  jQuery plugin for equalizing the height or width of elements.

The purpose of stacktable.js is to give you an easy way of converting wide tables to a format that will work better on small screens. It creates a copy of the table that is converted into a 2-column key/value format.

Read More »

ResponsiveSlides – Responsive Slider Plugin

December 10, 2012     4660     Responsive Slider
ResponsiveSlides – Responsive Slider Plugin

ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using list items inside <ul>. It works with wide range of browsers including all IE versions from IE6 and up. 

Biggest difference to other responsive slider plugins is the file size (1kb minified and gzipped) + that this one doesn't try to do everything.

Read More »

Superslides – Full Screen Slider for jQuery

December 05, 2012     9407     Slider Responsive
Superslides – Full Screen Slider for jQuery

Superslides is a full screen slider for jQuery. It's designed to be as flexible as possible, while maintaining a reasonable code base and good browser compatibility.

Read More »