Introduction to utility-first CSS for web developer

Click for: original source

CSS is an easy language to learn (and to implement) for creating a beautiful website. However, when it comes to implementing CSS at scale, it’s not that simple. For large scale websites and applications, CSS becomes really hard to write in. By Thoriq Firdaus in Coding.

CSS specificity is crippling up, and so, using !important is often inevitable and eventually adds up to the CSS file size.

Well, the good news is that web developers have come up with several methodologies to help write and organize CSS better, such as BEM, OOCSS, SMACSS, and ITCSS.

The article makes a good explanation how utility-first CSS works. It also makes a brief introduction to Tailwind CSS and optimising file size. Changing the way we write CSS is not always easy. It means that we have to unlearn what we are already used to. Well done!

[Read More]

Tags ux css frontend web-development