Getting Browser Window Size with JavaScript
JavaScript has built-in methods which returns the browser window dimensions. We can also listen to an event to track resizing of the browser window.
Intersection and Difference of Arrays in JavaScript
The filter() method can be used to get intersection or difference of arrays. Duplicates can be eliminated by converting array to a Set object.
Union of Arrays in JavaScript
Union of arrays would represent a new array combining all elements of the input arrays, without repetition of elements.
Getting Date and Time in Node.js
In Node.js date and time are handled with the Javascript Date object. It is loaded by default and requires no import of modules.
Representing Very Large Numbers in Javascript with BigInt
BigInt is a new data type introduced in Javascript that can handle extremely large numbers. Such large numbers are typically created in financial sectors or in creating high-accuracy timestamps.
Vibrating Mobile Devices with Javascript
The Vibration API makes it possible for a web application to vibrate a mobile device with Javascript. Single or multiple vibrations can be performed with this.
Removing Elements from an Array with Javascript
The shift(), pop() and splice() methods can be used to delete elements from any position in the array.
Reversing an Array with Javascript
The reverse() method can be used to reverse the order of elements in an array.
Adding Elements to an Array with Javascript
The push() / unshift() methods can add elements to end / front of an array. The splice() method can be used to add elements at any position in the array.
jQuery position() in Pure Javascript
jQuery position() method gives the top-left position of the element relative to its offset parent element. Its equivalent in native Javascript can be found using the offsetTop and offsetLeft properties.
How to Get User Location Information with Javascript
The Geolocation API makes it possible to retrieve the current geographical location of the user. Latitide, longitude, altitude and many other location information can be fetched.
jQuery offset() in Pure Javascript
jQuery offset() method gives the top-left position of the element relative to the whole document. In Javascript there is no native method that directly gives this value, we need to calculate it.
Creating and Starting a Web Server in Node.js
The built-in http / https modules can be used to create a HTTP / HTTPS server in Node.
CSS Variables (VIDEO)
CSS variables makes many UI problems easy, which were not straightforward before. This video will show you many interesting details about CSS variables.
How to Create a HTML Slider / Carousal
This tutorial shows how to create a slider / carousal from scratch using HTML, CSS & Javascript. Using a custom self-made slider can prevent inclusion of external plugins in your application.
WebAssembly for Web Developers (Google I/O 2019)
Web development is entering to a totally new phase with WebAssembly coming in. With WebAssembly it is possible to run desktop like applications inside a browser.
Creating a Semantic Navigation Bar with the〈nav〉Tag
The HTML5 〈nav〉is a semantic way to create navigation bars / menubars in a webpage. Using semantic tags will bring a sense of meaning to the page.
Using Data-Attributes (data-*) in CSS
A special thing about HTML data-attributes is that its values can be directly rendered through CSS also. Whenever value of data-attribute changes, new value can be rendered in the page automatically.
Reading & Writing Data-Attributes (data-*) in Javascript with dataset
Custom data attributes (data-*) can be used to store extra information for an HTML element. In Javascript the dataset property of the element can be used to read and write its data attributes.
Getting Network Information with Javascript
The Network Information API gives an idea of the underlying network. Getting the network type may help the application in giving a suitable experience to the end user.