Codehints

Lazy Load Images for Website Performance

Anish

Aug 29^th, 2018

0

HTML

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

2

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

Wordcount.js – Calculate File Newlines, Word and Byte Counts with JavaScript

Anish

Jul 24^th, 2018

0

Jquery

Wordcount.js – Calculate File Newlines, Word and Byte Counts with JavaScript

WordCount.js is a client-side JS library that counts bytes, words, lines chars, and calculates the longest line of a file. This library utilized the HTML5 File API.

Learn More