Javascript

Responsive design is still coming of age and not all browsers will support all techniques. Javascript shims and polyfills will help plug the gaps where some techniques are natively supported. The most basic of examples is Respond.js which acts as a polyfill for IE8 and lower. Respond.js enables media queries for older versions of IE8 and can save hundreds of hours trying to code another IE8 version that would otherwise be a mobile first linear layout. With the responsive images problem that we are facing today, we can include javascript so that we are able to tackle the issue with libraries like jQuery Picture, Scott Jehl’s Picture Fill. All of our responsive javascript/jQuery recommendations are contained in this section, however, they will also appear in areas more specific to what they are built for (jQuery Picture will also be in the images section for example).

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.