Latest Web Development News & Stories

Firefox 85 Released, Adds Support for link rel=preload

Firefox 85 was released on 26th January, 2021. Updates have been made to Javascript & CSS.

Is MySQL Turning Out To Be An Better Alternative Than NoSQL ?

Developer interest in NoSQL going down lately, mostly due to the unsurety whether NoSQL woud be a perfect choice for the project. Traditional relational databases on the other hand have added NoSQL features.
See all web development news & stories

Latest Tutorials and How-To's

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 24, 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
css

Creating Pie Charts with CSS

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 co...
February 14, 2021
javascript

Check If Custom Element is Registered in Page

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

Knowing When a Custom Element Gets Defined

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

Create DIV of a Given Aspect Ratio with CSS

The CSS aspect-ratio property makes it very easy to create containers of a given aspect ratio.
February 7, 2021
css

Hiding a Custom Element Until It Gets Defined

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

Creating a Custom Element Using Anonymous Class

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 cl...
February 3, 2021
javascript

Naming Rules for Custom Elements

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 ch...
February 1, 2021
javascript

How to Create a HTML Custom Element

A custom element is a new HTML element that we can create ourselves. This tutorial explains how to create a simple custom element.
January 27, 2021
css

CSS Styling of File Upload Button with ::file-selector-button Selector

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.
January 24, 2021
css

Custom Checkbox with CSS appearance Property

Checkboxes can be customized using the CSS appearance property. This property allows to suppress the native appearance of an element so that CSS can b...
January 22, 2021
css

Custom Radio Buttons with CSS appearance Property

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...
January 17, 2021
css

Hide Dropdown Arrow for Select Input with CSS appearance

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 eleme...
January 15, 2021
javascript

Detect If Element Removed from DOM with Javascript

We can detect whether an element has been removed DOM using the MutationObserver object. This provides the ability to observe for changes being made t...
January 13, 2021
javascript

Detect If Element Added to DOM with Javascript

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 ...
January 11, 2021
javascript

Getting Camera Resolution with Javascript

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 ide...
January 9, 2021
javascript

Record Video From Camera using Javascript

Videos can be recorded from the user camera using MediaDevices & MediaRecorder APIs.
January 7, 2021