Rockey Nebhwani rockeynebhwani

Sample Usage

CSS

:root {
  --header-height: 100px;
}

Low Power Mode - LPM

With iOS 9 Apple added a Low Power Mode to the iPhone. It extends battery life by stopping some battery heavy features such as email fetch, Hey Siri and background app refresh until you can recharge the device.

It is important to understand that it is the user who decides to enter low power mode. You need to go into the battery settings to turn it on.

Detection

To detect LPM you have to be in the couple iOS 9.X / iPhone:

For iOS 8.X, you need test availablity before use it

	:root {
	--violation-color: red; /* used for clear issues */
	--warning-color: orange; /* used for potential issues we should look into */
	}

	/* IMAGES */

	/*
	* Lazy-Loaded Images Check
	* ====

	(function(){
	// this will trigger a font load
	var customFont1 = new FontFace('custom font name', 'url([FONT_URL_HERE])', {
	display: 'block', // display setting to test here
	weight: '700' // font-weight
	// other font properties here
	});

	// IMPORTANT: add the font to the document
	document.fonts.add(customFont1);