Don’t your dare inline style!!!
That is what I used to tell myself while I coded. Honestly, even though I knew it was frowned upon, I would also just inline style. It was my dirty little secret as a web developer. It just felt more natural for me and efficient. Sure it looks like a garbage can was dumped on some of my HTML elements, but … I … Code … So … Much … Quicker!
And then, my buddy introduced me to Tailwind CSS, a framework that is designed for 100% inline styling of elements. Not only did this completely vibe with my styling preference, it also allowed me to create intricate designs with ease. Here is my portfolio site, styled with Tailwind CSS.
How it benefited me
As I progressed with my web development skills I noticed all of my websites started to look the same. The reason was in part due to my lack of design skills but also, I would just use CSS frameworks that everyone would use like Bootstrap. Customization of a site for me would be… changing the color of a navbar. By not having to operate within the parameters of components from other CSS frameworks, I was free to change the size, color, placement, etc. of any and everything on a web page. Rounding edges, changing background colors, adding shadows could be applied directly to any HTML element, instantly. I no longer had to fight against the other CSS frameworks guidelines for custom styling.
Summary
I had such a tremendous experience with this framework. I encourage you to give it a try. It’s a blast!
– The Coding Hotdog
