Latest Web Development News & Stories

Firefox 78 Released, Enables CSS :is and :where Selectors

Firefox 78 was released on 30th June, 2020. Web platform updates have been made in this version.

Chrome UX Report API is Released

Chrome UX Report API is a newly released REST API that gives access to performance metrics of a page url. Metrics includes LCP, FID, LCP and CLS.
See all web development news

Latest Tutorials and How-To's

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 20, 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 16, 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 Obse...
May 14, 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 aut...
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-co...
April 29, 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 Respons...
April 27, 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 changi...
April 25, 2020