Tailwind Event Dashboard

After discovering TailwindCSS I wanted to build something so I was looking at a few different dashboard designs on Dribbble and started building one .

I was building this in a single html file and using vue for some of the interactivity. A few things I noticed while doing it.

Not having to name things helped

It was really refreshing to see the css code in the interface I was building. It was good to see what was flex, what was not etc. It really helped to build something quickly.

Not having to names things meant I lost my place a few times

Semantic html is great. Navs, Headers, Sections. They are so useful for accessible pages, and they make your UI mean more. But, because I didn’t name something ‘sidebar’, or ‘avatar’ I did lose my place in the Interface. I had to open dev tools a lot more and ended up adding some other classes to keep track.