June 9, 2020
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
Currently it is not possible to get file upload progress for fetch. The alternate solution for now is to use XMLHttpRequest.
May 16, 2020
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 14, 2020
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
May 9, 2020
May 4, 2020
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 27, 2020
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
April 22, 2020
April 13, 2020
March 13, 2020
March 9, 2020
The newly introduced formdata event can enable the Javscript FormData object to participate in form submissions. When trying to submit a form via AJAX, this is helpful to include custom elements in the request.
February 3, 2020
January 15, 2020
January 12, 2020
The binary data of a local file selected by the user can be retrieved using the readAsBinaryString method of a FileReader object.
January 9, 2020
Without cookies being enabled in the browser, some web applications may not work as expected. To prevent such cases navigator.cookieEnabled property can be used to do a prior check whether cookies are enabled or not.
January 5, 2020
Browsers allow user-sensitive and low-level web APIs to execute only when the page is in a secure context. In addition, the window.isSecureContext property can be used to check whether the current environment is safe or not.
January 2, 2020
The Array.fill() method can be used to fill an array with a specific value, starting from a given index and ending upto another index.
December 21, 2019
Intersection Observer Now Also Accepts a Document as the Root Element
Better Caching With stale-while-revalidate Directive in Cache-Control Header
Synchronous AJAX Will Not Work in Page Dismissal Events
New & Upcoming CSS Properties
CSS gap Property for Flexbox
CSS clamp() Function
CSS max() Function
CSS min() Function
Inner & Outer Values of CSS display
SVG Support for Favicons
CSS Transform Properties - translate, rotate & scale - Are Also Available As Independent CSS Properties