General Sibling Selector: element1 ~ element2

Pattern: element1 ~ element2   Definition: The element1 ~ element2 selector matches every element2 that is a sibling of element1 (they need to have the same parent), and element1 must precede (not necessarily immediately) element2.      Examples: Style every <p> element that is placed after an <h1> element with the same parent h1 ~ p { margin-top: 10px; }

Descendant Selector: element1 element2

Pattern: element1 element2   Definition: The element1 element2 selector matches every element2 that is the descendant of element1. A descendant selector is made up of two or more selectors separated by white space.   Examples: Style every <a> element that is inside <p> elements p a { color: greenyellow; } Style every <em> element that is within a <p>, and is a grandchild or later descendant of a <div> div p em { text-decoration: underline; }

Type Selector: element

Pattern: element   Definition: The element selector matches every instance of the element type in the document tree.   Examples:   p { color: gold; } a { background-color: azure; }

Universal Selector: *

Pattern: *   Definition: The * selector matches the name of any element type. It is inferred if a rule does not have an explicit selector.   Examples: * { background-color: yellow; } div * p { color: blue; }  

CircleType.js - A jQuery plugin that lets you curve type on the web

CircleType.js is a tiny jQuery plugin that lets you curve type on the web.   CircleType.js - Features: Use any font Adjust letter-spacing as usual with CSS Flip it around so it reads counter-clockwise instead Set the radius manually or let CircleType.js figure it out for you Works in fluid and responsive layouts Plays well with FitText.js  

jQuery.kinetic - Add kinetic scrolling functionality to a container using mouse or touch devices

jQuery.kinetic is a simple plugin which adds smooth drag scrolling with gradual deceleration to containers. You can drag a mouse or use touch gestures over a container to scroll the pane. If you let go with momentum the scrolling will slow gradually.  

Reel - The premier 360° solution for jQuery

Reel is an established and the most versatile three-sixty player for jQuery. Teaches your ordinary image tag some new tricks turning it into a gorgeous interactive 360° object movie, panorama or stop-motion animation. Reel is the premier alternative to Flash, Java or Quicktime and is trusted by government agencies and big brands like BMW, Nikon, O2, Blackberry or The New York Times.    Reel - Features: Modes covering beyond usual 360° span. Animated rotation and inertial motion. In-scene an

interact.js - Drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers

interact.js is a standalone javascript module for handling single-pointer and multi-touch drags and gestures with powerful options such as inertia and snapping to grids or custom coordintes.   interact.js - Features: inertia snapping to a grid, custom anchors or paths. cross browser and device, supporting {Chrome,Firefox,Opera}' '{mobile,desktop}', ' and Internet Explorer 8+ interaction with SVG elements being standalone (not yet another jQuery plugin) introducing 0 additional DOM elemen

Photoset Grid - jQuery plugin to arrange images into a flexible grid

Photoset Grid is a simple jQuery plugin to arrange images into a flexible grid, based on Tumblr's photoset feature. Beyond the basic usage, you can set a number of optional arguments including callback functions that are useful for adding a lightbox for high resolution images.  

Freeow! - making alerts or message boxes on your website

Freeow! is a plugin for making Growl-like alerts or message boxes on your website. You can customize the look and animation of Freeow! each time a message box appears, and you can alter other options such as whether or not to have the message box hide itself automatically.