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.

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.

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.

Loading external CSS files with Javascript is beneficial because it improves the loading time of the page.

Loading Javascript files dynamically is beneficial because it improves the loading time of the page. It can be done by appending a new script tag in the html.

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.

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 !

Annotations data, such as links, can be shown in the rendered PDF canvas using getAnnotations and PDFJS.AnnotationLayer.render methods.

By default PDF.JS does not enable text selection in rendered PDFs. To enable text selection, another method needs to be called that renders the PDF text in a separate text layer.

This tutorial shows how you can create a simple WYSIWYG HTML editor with Javascript, somewhat like a mini version of the famous TinyMCE HTML editor.

The very useful PDF.JS library makes it possible to show a preview of the PDF before uploading to server.

Showing a preview of the image before being uploaded to server provides a good user experience. You can show a preview image using the URL.createObjectURL method on the selected file.

The time tag defines date and time in a HTML document. This tag is helpful in making the markup more structured, so that it becomes easier for machines to interpret the page.

This tutorial explains how you can perform common operations on select element with vanilla Javascript - adding/deleting options or getting/setting the selected options.

replaceChild and replaceWith methods can be used to replace an element with pure vanilla Javascript.

This tutorial explains how you can change url parameters - edit, add or delete, using the URL and URLSearchParams objects.

The feature of copying something to the OS clipboard is quite useful for the end user. In a web page it can be implemented with the Selection API.

The URL and URLSearchParams objects makes it very easy to get parameters in a url.

Javascript Promises are quite simple to start with, but confusions arise when Promises are chained. This tutorial focuses on the return values of then() and catch(), which are crucial to understanding the process.

Typing effect is a good way to grab user attention. To implement typing effect, you can start by showing the first character initially; after a few milliseconds you can show the first 2 characters; and so on till the whole sentence has been shown.