Pie charts can be created using the CSS conic-gradient() function. This creates an image gradient which can then be placed as the background of the container.

The customElements.get() method can be used to check whether a given custom element has already been registered in the page..

The customElements.whenDefined() method can be used to know when a given custom element has been registered.

The CSS aspect-ratio property makes it very easy to create containers of a given aspect ratio.

The :defined and :not CSS pseudo-classes can be used to hide the custom element until the defining Javascript gets loaded.

While creating a new custom element, it is not necessary to give a name to the defining class. The custom element can be created using an anonymous class also.

A custom element's tag name must contain a dash character. The name must start with a lowercase ASCII character, and cannot have an uppercase ASCII character anywhere.

A custom element is a new HTML element that we can create ourselves. This tutorial explains how to create a simple custom element.

The upload button in file input type is represented by ::file-selector-button CSS pseudo-element. This can be used to style the file input type.

Checkboxes can be customized using the CSS appearance property. This property allows to suppress the native appearance of an element so that CSS can be used to restyle it.

The look of radio buttons can be customized using the CSS appearance property. This property allows to suppress the native appearance of an element so that CSS can be used to restyle it.

The arrow icon in select input can be hidden by setting the CSS appearance to none. This property allows to suppress the native appearance of an element, so that CSS can be used to restyle it.

We can detect whether an element has been removed DOM using the MutationObserver object. This provides the ability to observe for changes being made to the DOM tree.

We can detect if an element has been added to DOM using a MutationObserver object. This provides the ability to observe for changes being made to the DOM tree.

There is no direct method to find out the maximum resolution supported by the camera. Instead we can specify the required width & height using the ideal property to find the closest possible resolution.

Videos can be recorded from the user camera using MediaDevices & MediaRecorder APIs.

Canvas images can be uploaded to server-side as a data URL string, base64 string or as a file.

Photos can be captured from a camera using a combination of MediaDevices & Canvas Javascript APIs. Video frame of the camera stream can be captured as an image.

A flexbox item can be set to a fixed width by setting 3 CSS properties - flex-basis, flex-grow & flex-shrink.

Bullets in a HTML list can be animated using the ::marker CSS selector. This selector selects the marker box (bullet / number) for list items.