Foresight.js gives webpages the ability to tell if the user's device is capable of viewing high-resolution images (such as the 3rd generation iPad) before the image has been requested from the server. Additionally, it judges if the user's device currently has a fast enough network connection for high-resolution images.
Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.
If there's one thing that can compete with lightboxes for world's most done-to-death jQuery plugin, it's carousels. However, everything I came across was using pixel values and not percentages meaning I wasn't finding much of anything that could be used on a responsive/flexible layout. So I built one.
Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.