HTML5 Ambient Light API

This post is a part 6 of Advanced JavaScript APIs post series. This API requires light sensors to work. Therefore mostly works in mobile devices. Till now we were using CSS3 light-level media feature to detect the ambient light level of the environment and change page color accordingly. Using Ambient Light API we can detect […]

8 years ago http://qnimate.com/html5-ambient-light-api/

HTML5 Proximity API

This post is a part 1 of Advanced JavaScript APIs post series. Proximity API is available in mobile browsers only that’s because this API require sensors to measure distance which is available only on mobile phones. Proximity API is used to detect if an object is nearby the device. For example: If you want to […]

Image8 years ago http://qnimate.com/html5-proximity-api/

Page Visibility API Tutorial with Example

This post is a part 10 of Advanced JavaScript APIs post series. This API is available for both mobile and desktop browsers. Page visibility API can be used to find out weather the webpage is visible to the user or not. Here is a look at Page visibility API //document.hidden retuns true if page is […]

8 years ago http://qnimate.com/page-visibility-api-tutorial-with-example/

HTML5 Full Screen API Tutorial with Demo

This post is a part 4 of HTML5 Full Screen API Tutorial with Demo post series. Fullscreen API is available in desktop and mobile browsers. Fullscreen API allows you to view a HTML element in full screen mode. Its useful while viewing images and videos. Its different than making the whole webpage full screen. Here […]

8 years ago http://qnimate.com/full-screen-api-tutorial-with-demo/

HTML5 Battery Status API with Code Example

This post is a part 2 of Advanced JavaScript APIs post series. Battery status API can be used in mobile and desktop browsers. It gives us the battery status(charging or not) and level(percentage remaining). window.navigator.batter property is the heart of Battery status API. var battery = navigator.battery || navigator.webkitBattery || navigator.mozBattery || navigator.msBattery; if(battery) […]

Image8 years ago http://qnimate.com/html5-battery-status-api-with-code-example/

JavaScript Vibration API with Demo

This post is a part 3 of Advanced JavaScript APIs post series. Vibration API is mostly available in phones. Its used to vibrate your phone. window.navigator property exposes a function called as vibrate(). This function take milliseconds as argument and vibrates the phone for that long. if("vibrate" in window.navigator) { navigator.vibrate(2000); } else { […]

8 years ago http://qnimate.com/javascript-vibration-api-with-demo/

Github Style Markdown Editor and Preview

In this tutorial we will look at how to create a github style markdown editor with preview button. Github’s markdown editor is used to edit the README.md file. This file contains getting started information about the github repository. Using EpicEditor EpicEditor is a JavaScript Library which can embed a mardown editor in an webpage. In […]

Image8 years ago http://qnimate.com/github-style-markdown-editor-and-preview/

Anti Adblock Plugin for WordPress

This post is a part 5 of Premium WordPress Plugins post series. Adblocking softwares are harming website revenue by 40%. There is no way to bypass adblock softwares. But we can detect if adblock is installed and then disable website or else displays alternative ads. We can advertise our own other sites or premium/free tools […]

Image8 years ago http://qnimate.com/anti-adblock-plugin-for-wordpress/