15 Javascript Libraries For Responsive Images Solutions

Responsive images means images that can be scaled to fit the content blocks they are displayed in. One core concept of responsive web design is that content blocks can be resized to fit the width of the browser window. While some HTML is naturally scalable, images typically have a fixed width and height and thus represents a challenge to a scalable layout. In this post i have collected 15 Javascript libraries that will help you gracefully handle images when building a responsive website.

8 Pure CSS Off-Canvas Menus

The off-canvas menu is pretty popular nowadays. They have become a primary navigation pattern for mobile in both native and web apps, and you can even find them on a handful of desktop websites too. Most web pages use off-canvas menus to simply hide menus and other static content, but it’s possible to use them to display a whole host of other dynamic content too. In this post i have collected some interesting off-canvas menus built with CSS only.

Pure Drawer

pure-drawer

Off Canvas Menu with Animated Links

off-canvas-css-1

Gimel

gimel-2

Pure CSS off-canvas menu with flexbox

off-canvas-css-3

cssPanelMenu

csspanelmenu-4

Lynx

lynx-5

Pure CSS Off-screen Navigation Menu

off-canvas-css-7

Implementing Off-Canvas Navigation For A Responsive Website

off-canvas-css-8