Detecting CapsLock State (On/Off) with Javascript
In login forms, it is better to inform the user that his CapsLock is currently locked. State of the CapsLock key can be detected with the get​Modifier​State method in keyboard/mouse events.
Making GET Requests in Node.JS
HTTP GET requests can be made through Node using the http module.
Making POST Requests in Node.JS
This tutorial discusses how to send a HTTP POST request from Node using the http module.
Using Unicode (UTF-8) Icons in HTML Pages
UTF-8 icons can boost performance because you don't need to load an icon library or images. You can add UTF-8 icons in webpages either directly or using its equivalent HTML character code.
Disabling Scroll Anchoring with CSS
Scroll anchoring is a new technique implemented in browsers that prevents content jumping. This behavior can be controlled with the CSS overflow-anchor property.
Getting Device RAM Information with Javascript
The navigator.deviceMemory property gives access to the amount of memory available on the current device.
Performing Javascript Background Tasks with request​Idle​Callback
Many times there may be some low-priority Javascript code to be executed in the background. This can be done using the request​Idle​Callback method which can execute code in the idle time of the browser.
An Introduction to Sets in JavaScript
In Mathematics, a set is a collection of distinct elements. Javascript brings this concept of a mathematical set through its Set object.
An Introduction to WebVR (VIDEO)
WebVR APIs aims at making VR and AR more accessible. All VR headsets shall be supporting WebVR and the user can view the VR experience in the same webpage which he is browsing.
How to Add Preview Image to a HTML Video
By default while the browser is downloading the video, nothing will be shown as its initial preview. However with the poster attribute you can show a specific image as the preview image.
How to Detect Whether Video Format Supported with Javascript
Sometimes you would like to know whether a given video format can be played back in the given browser or not. This can be done with the can​Play​Type method.
Creating a Native Q&A / FAQ Accordion with〈details〉and〈summary〉HTML Tags
With the new 〈details〉and〈summary〉tags, it is possible to create a FAQ / Q&A section in a webpage with pure HTML and no Javascript.
An Introduction to WebUSB - Connecting USB Devices to Browser (VIDEO)
The WebUSB API allows USB devices and the browser to communicate with each other. With this you can build hardware for the web.
How to Smooth Scroll to an Element with Native Javascript
It is a commonly required to scroll to a particular section of a page upon a click. This can be done with the native scrollIntoView() method which also supports smooth scrolling.
Controlling Whether Mouse & Touch Allowed with CSS pointer-events Property
The CSS pointer-events property can control whether an element can be a target for pointer (mouse & touch) events.
Changing Cursor Color for Textboxes with CSS caret-color Property
The CSS caret-color property changes the color of the caret, or the blinking cursor for text inputs fields. Changing the color of the cursor when the user focuses on the text field makes it more noticeable.
How to Get and Set Attributes with Javascript
Just like jQuery's $.attr() method, there are native browser methods — getAttribute & setAttribute that can get and set attributes of an element.
How to Serialize Form Data with Javascript
Libraries such as jQuery makes it easy to serialize form data, but it is equally simple in vanilla Javascript also. This happens with the URLSearchParams and FormData objects.
Setting Tab Sizes in HTML with CSS tab-size Property
Setting width for the Tab key can change the look for textboxes and 〈pre〉 element. This can be done with the tab-size CSS property.
New Policies for Autoplaying Audio & Video on Websites
Automatically playing a video or audio on page load is probably one of the annoying things that a website can do to a user. So to deter websites from autoplaying audio and video, browsers have brought out new policies.