Latest Web Development News & Stories

CSS Animation of background-color & clip-path To Be Hardware Accelerated Soon
Google Chrome plans to add background-color & clip-path to the list of animatable CSS properties which are hardware-accelerated by the GPU.

Google Chrome Releases To Launch Every Four Weeks
New versions of Google Chrome will release every 4 weeks, as compared to the earlier 6 weeks.
Latest Tutorials and How-To's

css
Changing Color of Radio Buttons with CSS accent-color
The color of radio buttons can be changed using the CSS accent-color property.
November 13, 2021

deno
Creating Unique Ids in Deno
In Deno MD5 unique ids can be created using the uuid library. This is a standard library which is reviewed by the Deno team.
April 8, 2021

deno
Getting MD5 Hash String in Deno
In Deno MD5 hash of a given string can be created using the hash library. This is a standard library which is reviewed by the Deno team.
April 6, 2021

deno
Getting Date and Time in Deno
In Deno date and time can be handled through the built-in Javascript Date object. Deno also provides the standard datetime library which makes it very...
April 4, 2021

deno
URL Encoding in Deno
A url can be encoded in Deno by either using the encodeURI() method or creating a URL object. No libraries are required to be imported.
April 2, 2021

deno
Implement Google OAuth Login with Deno
This tutorial explains how to implement Login with Google in a Deno app using Google OAuth APIs.
March 31, 2021

javascript
Wait for Multiple AJAX Requests to Finish
Waiting for multiple simultaneous AJAX requests to be finished has become quite easy by using the concept of Promises. We change each AJAX call to ret...
March 29, 2021

javascript
Get Date & Time For a Given Timezone with Javascript
Date & time for a given IANA timezone (such as America/Chicago, Asia/Kolkata etc) can be found by using the Date.toLocaleString() method.
March 27, 2021

javascript
Convert Object to Array with Javascript
A Javascript object can be converted to an array using Object.keys(), Object.values() or Object.entries() methods.
March 24, 2021

javascript
Remove Property from a Javascript Object (2 Ways)
This tutorial discusses two ways of removing a property from an object. The first way is using the delete operator, and the second way is object destr...
March 22, 2021

css
Apply Background Color on Text Spanning Multiple Lines
To apply the background color only on the text spanning to multiple lines, the solution is to make the text container as an inline element rather than...
March 22, 2021

css
Play, Pause & Restart CSS Animations
Playing & pausing a CSS animation can be done by using the animation-play-state property. Completely restarting the animation can be done by first rem...
March 12, 2021

css
CSS Animation on Element Dynamically Inserted to DOM
Animation can be done on an element which is dynamically inserted to page using CSS animation property. This property allows to give an initial and th...
March 10, 2021

css
Text with Linear Gradient Background
A linear gradient background can be applied for a text by using the background-clip: text CSS property. With this the linear gradient background will ...
March 8, 2021

typescript
Types in TypeScript : any Type
The any type in TypeScript represents a data-type that can hold any possible value. any is similar to Javascript variables where no type checking is p...
March 3, 2021

css
Responsive Youtube / Vimeo Embeds with CSS
Using some CSS, Youtube / Vimeo iframes can be laid out in a specified aspect ratio. Once aspect ratio of the iframe is set, videos will be responsive...
February 28, 2021

javascript
Insert HTML String As Text in Javascript
The append() & prepend() methods can be used to insert HTML string inside a given element. Both methods parse given HTML string as text and create Tex...
February 25, 2021

css
Set Image as Background for Text with CSS
An image can be set as the background for a text by using the background-clip: text CSS property. This property will make the background extend beneat...
February 21, 2021

css
CSS Styling for Custom Elements
Custom elements can be styled using CSS defined in its Shadow DOM, or through user-defined CSS defined in the main page. User-defined CSS rules will a...
February 19, 2021

javascript
Using External CSS Stylesheets for Custom Elements
While creating a custom element, it is perfectly fine to use an external stylesheet for defining the element's CSS.
February 16, 2021
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