UI / UX
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.
December 6, 2018
In modern browsers text to speech feature is built natively in them. This means that you don't need external plugins or APIs to convert text to speech !
December 4, 2018
Resizing Images in Node.js
The Sharp Node.js module can be used to resize large images of any common file-type to web-friendly images of any dimension. It claims to be multiple times faster than ImageMagick and GraphicsMagick.
November 28, 2018
How to Install LAMP (Linux, Apache, MySql & PHP) on AWS EC2 with Ubuntu 18.04
In this article step-by-step process is discussed to setup LAMP stack in AWS EC2, with Ubuntu 18.04 as the operating system.
November 21, 2018
Node.js - Reading a File Line by Line
In some cases you may need to read a file, line by line, asynchronously. This can be done by the Readline module that reads data from a readable stream and emits an event after reading each line.
© UsefulAngle.com 2016 - 2019. All code MIT license.