Vivek Kumar – Medium

Jun 1

Writing conditionals in CSS: @when/@else

WHAT IS IT? — In CSS, we make selections of different devices by using media queries. Media queries give us an easy way to select a devices based on numerous conditions, such as screen size, pixel density, or even format: i.e. print or screen. This has progressively gotten more complicated over time, and now…

CSS

3 min read

Writing conditionals in CSS: @when/@else

Jan 9

BEM: A Class Naming Convention

Why do we need a naming convention? When working on projects and developing extensive web applications, the codebase can become massive in no time. It then becomes daunting to look for an error or a helpful function/class. Soon enough, it feels like we are looking for a needle in a haystack. …

Front End Development

3 min read

Nov 9, 2021

CSS Comparison functions: min(), max(), and clamp()

The min(), max(), and clamp() functions, now supported in all modern browsers, are among the latest tools in making authoring websites and apps more dynamic and responsive. 1. CSS min( ) Function The min() CSS function lets you set the smallest (most negative) value from a list of comma-separated values. It can take two parameters…

Css 3

3 min read

CSS Comparison functions: min(), max(), and clamp()

May 15, 2021

CSS :is() and :not() Selector

In this reference, I’m going to discuss two selectors and provide some examples. :is() The :is() CSS pseudo-class has become a great way to target elements saving line and line of code and keeping CSS as readable as possible. Syntax selector:is(selector) { properties; } Example: :matches() was renamed to…

Css 3

2 min read