JavaScript & CSS responsive image
Responsive & Smart Image Cropping In JavaScript – vanillafocus
Dynamically crops & resizes your image to fit its container space and makes the focus point (the most important part of the image) always be centered.
Lightweight JS Library For Responsive Embedded Content – reframe.js
reframe.js is a lightweight and pure JavaScript library which makes any embedded content (e.g. iframes, videos, Youtube videos) fully responsive to fit any screen size.
JavaScript library For Responsive Video Embedding – SuperEmbed.js
SuperEmbed.js makes iframe embedded videos (e.g. youtube & vimeo videos) fully responsive to fit the specific container while maintaining aspect ratios.
Responsive Image Lazy Load JavaScript Library – responsivelyLazy
responsivelyLazy is an ultra-light javascript library which allows you to delay the loading of appropriate images based on the width of their parent containers.
Responsive Background Image Delivery – responsive-background-images.js
A small vanilla JavaScript library for smartly and dynamically loading proper background images depending on the current screen sizes.
Background-size: Cover Like Responsive Image Solution – CoverImage
CoverImage is a pure JS responsive image solution which dynamically stretches and crops an image to fill its parent container on window resize.
Smart Responsive Image Delivery In JavaScript – SmartImages
SmartImages is a JavaScript library for smart image delivery that has the ability to dynamically load and display images according to the screen width.
JavaScript Plugin For Smooth Responsive Background Images – Backwall
Backwall is a pure JavaScript library that checkes the screen width and loads in the correct background image to reduce network traffic and increase page load speed.
Responsive Background Image Delivery Using Vanilla JavaScript
bg-responsive.js is a vanilla JavaScript library that allows to intelligently load the appropriate background images based on the screen size you’re viewing on.