Touche.js: Re-map click events to touch events

Touche.js makes it simple to re-map click events to touch events for mobile UIs. It works with or without jQuery, and removes the 300ms delay applied by all touchscreen devices so they respond immediately.

Effortlessly re-map click events to touch events on touchscreen UIs

Demo : http://getclank.com/demos/

Clank is an open source HTML and CSS framework for prototyping native mobile and tablet apps. It uses modern CSS techniques, with Sass and Compass, and it’s component based so you can pick and choose what you need.

Web Starter Kit: Tools for multi-device development

Google Developer’s Web Starter Kit is a boilerplate and tooling for multi-device development. It’s responsive, and includes a living component style guide, cross-device synchronization, and live browser reloading.

Intense Image Viewer: Fully full screen images

Intense Image Viewer brings “fully full screen” photos to your designs. When an image is clicked, it fills the entire browser viewport, allowing users to pan around the image by moving their mouse.

Make your HTML5 video behave like a background cover image with this simple jQuery extension

CoverVid: HTML5 background videos

CoverVid is a simple jQuery extension that lets you use an HTML5 video as a cover-size background image on a website. It’s easy to use and scales to whatever the parent element is.

CoverVid

Make your HTML5 video behave like a background cover image with a simple jQuery extension. Very simple to use, just follow these few steps...

Drop the covervid.min.js file into your javascript folder and load it after jQuery.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="covervid.min.js"></script>

It is important to note that the video you target will use its' parent element to scale. With that in mind, we will create some simple markup and add some base styling to size the videos' parent/wrapper element.

<div class="covervid-wrapper">
    <video class="covervid-video" autoplay loop poster="img/video-fallback.png">
        <source src="videos/clouds.webm" type="video/webm">
        <source src="videos/clouds.mp4" type="video/mp4">
    </video>
</div>

.covervid-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Now, we simply call the coverVid() function on the video element, passing through the native dimensions of the video.

$('.covervid-video').coverVid(1920, 1080);

jQuery Cheat Sheet: A quick API reference

http://oscarotero.com/jquery/

This colorful jQuery Cheat Sheet is your one-stop reference for the jQuery API. It covers selectors, attributes, CSS, events, effects, and much more.