UI / UX
January 21, 2019
The Intersection Observer API is probably one of the most useful Web APIs that have been released recently. The API keeps track of intersection between two elements in a webpage.
January 20, 2019
ES6 has brought forwards newer ways of checking for substrings. The best part is that they all return either a true or false — unlike the usual indexOf() method.
January 17, 2019
How to Add Subtitles to HTML5 Videos
Subtitles can be added to HTML5 videos using the
element. HTML5 videos supports VTT subtitles format, and not the popular SRT format.
January 15, 2019
Running Cron Jobs in Node.js
Cron jobs are important when some script is required to be executed at a fixed time over and over again. In Node.js cron jobs can be setup using an external module known as node-cron.
January 13, 2019
Using WebP Images with Fallback
If your application involves showing a lot of images then probably it makes sense to add WebP support. Using the HTML
tag is the most robust solution to display WebP images with fallback.
January 11, 2019
How to Know when an Element Gets Visible in the Screen During Scrolling
Previously finding whether an element has entered the screen used to be a pain, but the new Intersection Observer API makes this quite easy, and less error prone.
January 9, 2019
Using the Reviver Function in JSON.parse
JSON.parse accepts an optional second parameter - the reviver function. The purpose of this function is to modify the result before returning, and can be thought of as filter function.
January 7, 2019
Displaying 360-Degree Photos & Videos on Websites using Google VR View
January 5, 2019
Creating Modal Dialog and Lightbox Becomes Easier with HTML <dialog> Tag
January 3, 2019
Reading JSON in Node.js
January 1, 2019
Detecting when an Element Becomes Fixed in CSS position:sticky with an Intersection Observer
Creating an element which would become fixed during scrolling has become very easy with CSS position : sticky. And with the new Intersection Observer API, it can be detected when an element comes in/out of sticky position.
December 30, 2018
How to Create an On Scroll Fixed Navigation Bar with CSS
December 27, 2018
Reading XML in Node.js
The "xml2js" module can be used to read XML files in Node. In case if the file is huge, the "node-xml-stream" module can be used to read XML as a stream.
December 23, 2018
Changing screen orientation becomes somewhat necessary in some cases, like playing HTML5 games in the browser. Screen orientation can be changed and locked using the new Screen Orientation API.
December 21, 2018
How to Crop Images in Node.js
The Sharp module can be used to crop an image in Node.
December 19, 2018
Handling Uncatched Promise Rejections in Browser
Modern browsers have brought forward the unhandledrejection event. This is fired when a Promise is rejected, but there is no rejection handler function implemented in the code.
December 17, 2018
December 11, 2018
December 11, 2018
With a lot of stress on "offline mode for web applications", applications need to know when the user has gone offline. They also need to know when the user comes back online again.
December 10, 2018
How to Create a Parallax Scrolling Effect with CSS
Parallax effect is one of the simplest ways to give an elegant look to your webpage. This effect can be achieved with the background-attachment CSS property.
© UsefulAngle.com 2016 - 2019. All code MIT license.