Why should I use Sass or SCSS? Revision:

CSS

CSS is awesome on its own but gets larger, more complex, and harder to maintain with time in large and complex projects. Sass or SCSS features like nesting, mixins, and inheritance helps in maintainable CSS for large projects. Here is a quick glimpse of what Sass or...

Why there is no explicit property for mouse leave in CSS?

CSS

I had a situation where I had to animate an element only during mouse leave through CSS only. I tried everything but was not successful. I searched over the internet and got nothing other than using another class through JavaScript or jQuery during mouse leave action....

Best Media Queries for Responsive Web Design

Misc

The following breakpoints and media queries are originally taken from the Bootstrap 5 website, so they can be used by anyone in common with or without using including the Bootstrap 5 framework. Bootstrap (Front-end framework b Twitter) has been consistently developing...

Create CSS shapes using the css clip-path property

Dev Tools

Shapes using css clip-path maker Here are some methods to creates simple shapes with some background color, gradients, or even animated gradients using CSS clip-path property. With this method, we can create shapes such as circles, ellipse, polygon, and custom complex...

:empty CSS pseudo-class – practical use

Misc

:blank CSS used to display this cartoon cat when there is nothing to download Often times we have a situation where we have to style elements differently when there is no child element. So there is a feedback message for users for a good user experience. The message...