Codehints

Sal.js – Lightweight Scroll Animation Library

Sal.js (Scroll Animation Library) is a performance focused, lightweight scroll animation library, written in vanilla JavaScript. It's based on the Intersection Observer.

Learn More

Lazy Load Images for Website Performance

Lazy loading images means loading images on websites asynchronously — that is, after the above-the-fold content is fully loaded, or even conditionally, only when they appear in the browser’s viewport. This means that if users don’t scroll all the way down, images placed at the bottom of the page won’t even be loaded.

Learn More

Fix SVG in <img> tags not scaling in IE9, IE10, IE11

Anish

Jul 24^th, 2018

CSS

Fix SVG in tags not scaling in IE9, IE10, IE11

IE9, IE10, and IE11 don't properly scale SVG files added with img tags when viewBox, width and height attributes are specified. View this codepen on the different browsers. Image heights will not scale when the images are inside containers narrower than image widths. This can be resolved in 2 ways.

Learn More