Response JS – jQuery Responsive Design Plugin
Response JS is a lightweight jQuery responsive design plugin that allows web developers for building performance-optimized, mobile-first responsive websites. It provides semantic ways to dynamically swap code blocks based on breakpoints and serve images (or other media) progressively via HTML5 data attributes. Its methods give developers hooks for triggering responsive actions and booleans for testing responsive properties.
Response JS has a powerful feature which is breakpoint-based data attribute sets. Designers can choose custom breakpoints and create only the data attributes they need. The recommended setup method is to add data-responsejs to yourtag with the parameters formatted as JSON as shown below.