Flip is jQuery/jQuery mobile plugin to give Flipboard app like effect. Flip effect uses css 3d transform.
Flip effect currently works on WebKit browsers (e.g. Chrome, Safari, including iOS mobile safari) or Firefox 11. It still works with other browsers but the "slide" effect will be selected forecely.
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
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.
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.
Spectrum is a jQuery colorpicker plugin that comes with many features and options.
Polyfill : Spectrum has a polyfill for the
input[type=text] like other HTML5 inputs
Customizable : It is easy to skin and customize the plugin with CSS, and there are a wide range of modes and options to explore.
Mobile Support: Along with desktop browser support, touch friendly, worked in iOS and Android, and used standards that maximize future mobile support.
Full Width Image Slider is a very simple 100% width slider that scales down to mobile.
This slider has a 100% width layout and it is responsive. It operates with CSS transitions and the image is wrapped with an anchor. The anchor can be replaced by a division if no linking is needed. With a max-width set to 100%, the image will size down for smaller screens.
sliderbutton plugin provides a button which is triggered by sliding a handle to the side. This is a simple technique to avoid accidentally pressing a button.
The plugin is based on the jQuery UI/Mobile slider widget. Since this widget differs in its implementation in jQuery UI and jQuery mobile.