22/04/2020

Consistent UI's with CSS Resets and announcing Mnml.css

Another post, another day. or was it supposed to be the other way....

Anyway, CSS Resets. Everyone's heard of Normalize.css? No? Are you serious!

Never-mind, so Normalize has this amazing set of css properties that someone decided to write so that the CSS we write is consistent across browsers and this makes it easier.

Now since this is possible some people figured that it'd be nice to have stylized resets, so you could just link them into the head element and voila! beautiful html without any additional overhead.

A few examples would be

And these are actually really good, but then there are certain things that I wanted to restyle and also certain helpers that I keep adding into my css, I know tailwind provides them! I'm not going to add a full css library and then setup purifyCss when I can type it out in the same amount of time. So, I picked one up and modified it to have my own set of resets and here's where the shameless plug comes in.

Just like the above two, it uses it's own resets. Other projects where I managed to use this. and since all are available on my github, you can check the code to see the implementations

you can check the git repo for the available classes and the resets that are modified git repo later today

Have something you want me to write about or have a comment on one of my posts? You can send an email to ahoy@barelyhuman.dev