One of the hardest things in programming languages is organizing code in a way that will be easy to understand and maintain. In this post, I want to explain how I work and organize the colors in our Pink Design system project. Like everything in life, we have many good…

I have always been one of those people who preferred the aggressive CSS reset methods. These methods delete most of the default styles of the browser, such as removing the default heading style of <h1> to a <h6> elements that have a larger font-size and font-weight. However, I also like…

CSS has acquired a number of new features in recent years, allowing us to reset the CSS more succinctly than before. What’s more, now in 2021 all those CSS features have broad support in all the evergreen browsers. This urged me to create a new CSS Reset, called “The new CSS Reset”…

Understanding the Default Behavior of Styles in Our Browsers — When you start creating a new website, even before writing a single style, the browser applies styles to it — its default styles. Have you ever asked yourself who decides what those basic default styles will be? In this article, I want to teach you and show you the different…

Future of CSS — Digging in the w3c specs can reveal many exciting features. Although some of them don’t have browser support yet, we can at least learn what new features we can expect soon. One of the new features is the new image() function. This new function will give us more control over…

The new CSS logical properties module is one of the most important developments to have come to CSS in recent years. This module enables us to support all the directions that human languages are written in with the same CSS definitions. At the end of 2018, I published the “New…

As someone who loves CSS and appreciates its importance in this day and age, it is very unclear to me how the web industry’s most prominent corporations and companies, like Facebook, Google, Amazon, and many others, aren’t taking CSS more seriously. As I wrote in my article ”Why the World…

CSS Basics — The box-model is one of the basics things in CSS and HTML. But even in 2020, lots of web developers don’t understand the idea of how box-model behaves. So, in this article, I will explain the basic logic of the box-model and why it is called the box-model. Besides, I…

CSS Basics — In 2020 there are a lot of developers and designers who want to learn the basics of CSS. In this series of articles, I will teach you those main topics. In this specific article, I will review the essential CSS properties of typography while using many visual examples. font-family This font-family…