background preloader

Mobile

Facebook Twitter

Responsive Img - a jQuery Plugin for Responsive Images. Imageloader. jQuery Nested. Nested is a jQuery plugin which allows you to create multi-column, dynamic grid layouts. Unlike other libraries and jQuery plugins similar to Nested, this is (as far I as I’ve know) the first script out there that allows you a complete gap-free layout. How is this done? Nested does three things. It creates a matrix of all elements and creates a multi column grid, similar to other libraries and scripts out there. Then it scans the maxtric for gaps and tries to fill them by reordering the elements. Use a container element with a group of child items that use the chosen option selector setting (default: .box). <div id="container"><div class="box size11"></div><div class="box size12"></div><div class="box size21"></div><div class="box size22"></div> ...

Sizing of items are handled by adding sizeWH where W is the number of columns the box shall use and H is the number of rows the box shall use. Selector Default .box minWidth Default 50 minColumn Default 1 gutter resizeToFit resizeToFitOptions animate. Adaptive Thumbnail Pile Effect with Automatic Grouping. Windows. Pep - kinetic drag on mobile & desktop. Mobiscroll - The customizable HTML5 spinner control for touch devices like smartphones and tablets. A javascript library for multi-touch gestures. Neteye.github.com/touch-gallery.html.

jQT (formerly jQTouch) — Zepto/jQuery plugin for mobile web development. Media Queries / Dynamic resolution dependent layouts. Media Queries. Abstract HTML4 and CSS2 currently support media-dependent style sheets tailored for different media types. For example, a document may use sans-serif fonts when displayed on a screen and serif fonts when printed. ‘screen’ and ‘print’ are two media types that have been defined. Media queries extend the functionality of media types by allowing more precise labeling of style sheets. A media query consists of a media type and zero or more expressions that check for the conditions of particular media features. Status of This Document This section describes the status of this document at the time of its publication. A W3C Recommendation is a mature document that has been widely reviewed and has been shown to be implementable.

This document has been reviewed by W3C Members, by software developers, and by other W3C groups and interested parties, and is endorsed by the Director as a W3C Recommendation. Please see the Working Group's implementation report and the Media Queries Test Suite. 1. 3. 5.