CSS

👋 Hello Friends, Today we discuss the 2 most useful CSS properties we use daily but don’t get enough attention ⚠. These 2 properties are 1. Isolation 2. Counters 1. Isolate CSS’s isolation property determines whether an element must create a new stacking context. This property can be used with z-index and…

Say you and I have this set of semantic CSS color properties: :root { --color-alert-weak: #ffca55; --color-alert-strong: #d5983d; --color-negative-weak: #ff7c79; --color-negative-strong: #be4d4a; --color-positive-weak: #56b49b; --color-positive-strong: #3c7d6c; --color-text: #222; } We want to be able to support subtle text using the same grey (#222) as our standard text at 65% opacity…

Want to style your React Application faster? Learn how to easily migrate from Emotion CSS-in-JS to Stylify utility-first CSS for better React development. Looking for a better way to manage your CSS in React? Learn how to migrate from Emotion CSS-in-JS to Stylify CSS’s utility-first approach and streamline your development…

As a web developer with experience working on a variety of projects, I’ve learned the importance of using a methodology for front-end development. That’s why I was drawn to the BEM (Block-Element-Modifier) methodology, which has helped me write cleaner, more maintainable code in my projects. In this article, I’ll share…

Tailwind CSS is a class-based and utility-first CSS framework that has helped me speed up the process of styling my web pages in recent years. For instance, I use it on all of my Frontend Mentor challenges. As a free user, I don’t know the exact size of a component…

I’ve been a student of web development for almost half a year now. I just completed my first big project and wanted to share some of my thoughts from what I’ve learned along the way. There’s a lot that goes into getting the most out of design with HTML and…

Part 2 — Pumpkin’s Purrfect Meme Picker The next project in the Essential Java Script module is to create a cat meme generator that will pull an object from an array depending on the mood the user selects. The object will contain an image related to the mood and will…

Hi there, 👋 I am Gibson, In this blog, we will discuss what and why we need to use Tailwind CSS in our web application. Let’s move on to the topics. Table of content: 📝 What is Tailwind CSS❓ Why we use Tailwind CSS❓ Utility Class Responsive Design Customization What is Tailwind CSS❓ First, we will see what…

We had a nice chat with Håkon Wium Lie, a prominent figure in the web industry. Håkon has made significant contributions as a standards activist and web pioneer. He served as the Chief Technology Officer of Opera Software from 1998 until the company was acquired by new owners in 2016. Håkon is most notably recognized for his work in the development of Cascading Style Sheets (CSS) while collaborating with Tim Berners-Lee and Robert Cailliau at CERN in 1994.