Frontend

Styling form inputs(checkbox, radio, range, and progress) with accent-color

The new CSS accent-color property is capable of editing the accented color of form controls provided by the browser’s default styles with a custom color value. In this article we’ll take a look at what it does and how to use it alongside color-scheme for simple, accessible checkboxes and radio button.

Evaluating Media queries in a Range Context

Media Queries Level 4 specification has introduced a new syntax for writing media queries that have a range type. We can now use common mathematical comparison operators like <, >,<=, >= instead of min/max prefixes.

Learn about tree shaking in Webpack 5

Tree shaking is a technique used by webpack to optimize the builds for production and reducing the build size by shaking off the dead code from its branches (modules).