Building Modern Web UIs with Tailwind CSS - Virtual Developers Conference 2020
Channel: Mauritius Software Craftsmanship Community
Date: 2021-02-07

When mentioning CSS frameworks, most people think of UI components libraries such as bootstrap or foundation. Indeed, these frameworks consisting of UI components have been the main approach to building modern responsive web interfaces for a while now. But what if there was another way?

As craftsmen, the more different tools and approaches to problem solving we have in our arsenal the better. Tailwind CSS is, in our opinion, one such modern different kind of framework. Compared with traditional frameworks such as bootstrap, tailwind is a more low level, mainly utility based kind of frameworks. What this means is that Tailwind css does not have a set of components or "widgets" that build up the UI, Instead, Tailwind provides highly composable, low-level utility classes that make it easy to build complex user interfaces.

In this session, we shall explore the use of Tailwind to build the UI for an Angular app, and demonstrate its strengths and differences as compared to bootstrap.

About: Bilkiss Dulloo
Outpro Group Ltd - Senior Frontend Dev

In the field in the front end development more than 10 years, I am passionate about this field, and thrilled that there are so much new and exciting technologies and / or frameworks to learn every day. I love tools that boost my productivity as a front end dev, be it CSS preprocessors, JS client side MV* frameworks, or even build tools to ease mundane tasks.

I am also sometimes OCD about code quality and formatting, since I believe good code should be easily readable by fellow human beings. Always ready for new challenges and experiences, and always keeping track of the new trends / techs surfacing every day.

Twitter: https://twitter.com/Bilkiss10121018
LinkedIn: https://www.linkedin.com/in/bilkissdulloo/
Website: https://medium.com/@bilkiss.dulloo