Chrome 121 Broke My CSS By Adopting New Scrollbar Properties
Recently, in version 121, Chrome started supporting CSS Scrollbar properties `scrollbar-color` and `scrollbar-width` and it broke my CSS. Here's what happened and how I fixed it. [...]
CSS
Setting Background Color of Body Dynamically in React
You can specify the background color of body in a global stylesheet, but it's not easy to update the background color dynamically for different pages in your website. So, I went on to code a hacky but working patch using CSS custom properties. [...]
How to vendor prefix and minify CSS?
Writing CSS from scratch along with adding vendor prefixes can be a daunting task if done manually. Vendor-prefixes can be easily added using the autoprefixer plugin of PostCSS. [...]
How to compile SASS/SCSS into CSS and watch for changes?
SASS/SCSS extends CSS which means that you can have all the features of CSS plus the features of SASS just like a cherry on top of a cake! [...]
Skeleton Loading for Social Media Embeds using CSS and JavaScript 🔥
Social media embeds take some time to load and render, hence the user experience is not so good! Here's an example of twitter embeds.. [...]
How to create Google's Material Design Text Input Field using CSS and JavaScript?
In this tutorial, we are trying to recreate Google's text input field animation and design from scratch with the help of CSS as well as JavaScript. [...]
Dark mode toggle animation using CSS!
This tutorial will mainly focus on how to use transitions in CSS and make a toggle button for light as well as dark mode using little JavaScript. Let's dive into the world of transitions! [...]
How to create a notification badge with CSS?
Notification badges annoy me most of the times by popping up every now and then and I am pretty sure most of you experience similar thing, but anyways, let's see how we can create a notification badge using CSS. [...]