oliverdavies.uk/source/_daily_emails/2024-07-11.md

944 B

title date permalink tags cta snippet
How I started using utility-first CSS 2024-07-11 daily/2024/07/11/how-i-started-using-utility-first-css
software-development
css
tailwind-css
~ How did I start using atomic classes and utility-first CSS?

Before I started using atomic CSS classes, I used to use a popular component-based CSS framework.

You'd include the styles as well as the HTML markup you needed.

Whilst using the other framework, I started to sprinkle CSS classes on top of my existing styles, to make it easy to set values such as text sizes, colours, margin and padding without repeating myself and duplicating styles.

Later, I realised I didn't need the original framework and I could do it myself with atomic classes.

Page by page and component by component, I refactored everything to use atomic classes.

Once everything was refactored, I removed the original framework.

I haven't looked back.