Latest Tutorials and How-To's
javascript
Javascript Logical OR Assignment Operator
The logical OR assignment operator (||=) works like the assignment operator (=), but assigns only when the left-hand side is a falsy value.
August 1, 2020
html
HTML Guidelines for Creating Better Forms
This article discusses some basic HTML guidelines for creating better forms. It deals with HTML tags & attributes that can help user to fill the form better.
July 19, 2020
nodejs
How to Install and Use AWS Node.js SDK - Getting Started Tutorial
This tutorial discusses installation of AWS Node.js SDK and getting started with it.
July 3, 2020
cloud
How to Install LAMP (Linux, Apache, MySql & PHP) on Azure with Ubuntu 18.04
In this article step-by-step process is discussed to setup LAMP stack in Azure, with Ubuntu 18.04 as the operating system.
June 24, 2020
javascript
Checking for a Sub-String in Javascript - All Possible Cases
Javascript provides multiple methods that can check whether a sub-string is contained in a string, depending on various possible use-cases.
June 9, 2020
cloud
How to Install LAMP (Linux, Apache, MySql & PHP) on AWS EC2 with Ubuntu 20.04
In this article step-by-step process is discussed to setup LAMP stack in AWS EC2, with Ubuntu 20.04 as the operating system.
June 3, 2020
javascript
How to Check If a Javascript Function Was Called Using new Operator
The new.target property can be used to detect whether a function was invoked as a constructor using the new operator, or just called normally.
May 21, 2020
css
Vertical Text, with Horizontal Letters in CSS
Creating a vertical direction text with horizontal characters can be achieved using text-orientation & writing-mode CSS properties.
May 18, 2020
javascript
File Uploading Progress in Javascript Fetch
Currently it is not possible to get file upload progress for fetch. The alternate solution for now is to use XMLHttpRequest.
May 17, 2020
javascript
How to Check If Element is Visible / Hidden in Page using Intersection Observer
Checking whether an element is visible or hidden in the full page, even through it may not be in screen view, can be done through an Intersection Observer. The trick is to set the root element to document.documentElement.
May 15, 2020
javascript
How to Detect Change in Element Size with Javascript
Detecting an element for change in dimensions using JS can be done with the ResizeObserver interface. This is supported in all modern browsers.
May 11, 2020
javascript
Detecting Dark Mode with Javascript
Device dark mode can be checked in Javascript by using window.matchMedia() to check a match for the prefers-color-scheme: dark CSS media query.
May 9, 2020
css
How to Position Element to Bottom of Its Container with CSS Flex
A multi-row layout where the last DIV needs to be placed at bottom of its parent container can be created using CSS flex, by setting margin-top as auto for the last element.
May 6, 2020
javascript
Getting Property Value in a Deeply Nested Object (using ES2020 Optional Chaining Operator)
Property value in a deeply nested Javascript object can be found using the Optional Chaining Operator, introduced in ES2020.
May 4, 2020
css
How to Create LEFT-RIGHT Alignment of Containers with CSS Flex
A two-column layout, where the first item is aligned to the left, and the second item is aligned to the extreme right, can be created using justify-content CSS flex property.
April 30, 2020
javascript
Handling Error HTTP Responses in Javascript fetch
Failed HTTP responses can be handled in fetch() by checking whether the returned Promise was rejected due to a network error. Subsequently the Response.ok property needs to be checked for an invalid HTTP status code.
April 28, 2020
css
Creating a Slider / Carousel with CSS Flexbox (with infinite repeating items in loop)
A responsive slider / carousel can be created with CSS flexbox using the order property. Items can be repeated infinitely in a circular loop by changing the order property each time.
April 25, 2020
javascript
Reading a Text File from Server using JavaScript
A text file on a server can be read with Javascript by downloading the file with Fetch / XHR and reading the response as text.
April 22, 2020
css
How to Align Column DIVs as Left-Center-Right with CSS Flex
A three-column layout where items are aligned to left, center and right can be created with CSS flex, and using justify-content property.
April 20, 2020
javascript
Javascript File Uploading with Fetch, Async & Await
Javascript fetch method can be used to upload files to server. fetch is Promise-based, so we can use async / await to write synchronous styled functions.
April 13, 2020
New & Upcoming Javascript / Web Platform Features
Pan / Tilt / Zoom Support for Camera in getUserMedia()
Javascript Logical Assignment Operators
Intersection Observer Now Also Accepts a Document as the Root Element
Javascript String.replaceAll() Method
Better Caching With stale-while-revalidate Directive in Cache-Control Header
Synchronous AJAX Will Not Work in Page Dismissal Events
Javascript globalThis Property
Javascript Hashbang Comment Syntax