Enquire.js is a lightweight, pure JavaScript library for handling media queries. It is less than 1kb when GZIP’d and minified, and has absolutely no dependencies. Yup, you read that right – no dependencies, not even jQuery! The most you will have to do is provide a matchMedia polyfill if you wish to
support browsers without a native implementation.
Rather then try and run through this awesome plugin myself you can read more about it on this guest post on CSS Tricks.
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.
Lazy Load is a jQuery plugin written in JavaScript. It delays loading of images in long web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. This is opposite of image preloading.
Response JS provides semantic ways to dynamically swap code blocks based on breakpoints and serve images (or other media) progressively via HTML5 data attributes.
Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.