The lightweight PHP class for detecting mobile devices.

With Framote, you'll be able to load an unique URL (Framote URL) on your testing devices' browsers and change the website embed on it from the Control URL.

FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome - No matter how many columns of data you may have in them.

Today we want to share a flexible calendar concept with you. Calendars can be a very tricky thing when it comes to their layout and responsiveness. This is an experiment for trying out some grid layouts that can be applied to calendars. We’ve created a jQuery plugin for the calendar itself and you can see some examples of how to use it in the demos. The aim is to provide a suitable layout for both, small and big screens and keeping the calendar structure fluid when possible. On large screens we want to show a grid-based layout while on smaller screens, we want to simply stack the days of the month.

Freetile is a plugin for jQue­ry that en­ables the or­ganiza­tion of web­page con­tent in an ef­ficient, dynamic and re­spon­sive layout. It can be applied to a con­tain­er ele­ment and it will at­tempt to ar­range it's childr­en in a layout that makes opt­im­al use of scre­en space, by "pack­ing" them in a tight ar­range­ment. Freetile has been the layout en­gine be­hind As­semblage and As­semblage Plus for al­most two years, and now it be­comes avail­able as an in­depen­dent Open Sour­ce pro­ject.

This Responsive Theme product will give your Plone a responsive theme on install. But you can also include collective.responsivetheme to the custom theme you are making. Here is how you do it.

The NEW Responsive 960 Grid CSS Framework That You’re Already Familiar With.

jQuery Picture is a tiny (2kb) plugin to add support for responsive images to your layouts. It supports both figure elements with some custom data attributes and the new proposed picture format. This plugin will be made redundant when the format is approved and implemented by browsers. Lets hope that happens soon but in the meantime this plugin will be kept up to date with latest developments.

An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.

Responsive CSS3 Slider Without Javascript*

The Responsive grid generator

Camera is a responsive/adaptive slideshow. Try to resize the browser window

bgStretcher 2011 (Background Stretcher) is a jQuery plug-in which allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area. The plug-in will work as a slideshow if multiple images mode is used (the speed and duration for the slideshow is configurable).

Ingrid is a lightweight and fluid CSS layout system, whose main goal is to reduce the use of classes on individual units. Making it feel a bit less obtrusive and bit more fun to reflow for responsive layouts.

With the help of CSS3 and mediaqueries you can change the layout of your website based on the detected screen size of the device (be it a computer screen, tablet, smartphone,...). But what are the current guidelines in pixels? Find out here. We've made an easy-to-use, always up-to-date, information resource, just for you.

A good starting point for design that takes device resolution out of the equation