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.
Making Synchronous HTTP Requests in Node.js
A synchronous HTTP request will wait for the request to be made and full response to come. Synchronous HTTP requests are possible in Node.js with the use of Javascript Promises, async and await.
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.