Beginner's Guide To Tailwind CSS

& Designing Simple Card UI
2nd August 2021 DevsStreet

Early CSS Era

pre css era

During the 1990s HTML 3.5 introduced with formatting tags
which made it more complex for developers to create websites
resulting in the creation of Cascading Stylesheet.

css code sample

The emergence of CSS frameworks

To prevent re-inventing HTML elements, or writing the same styles again & again, CSS frameworks that provided pre-defined styling emerged.

bootstrap button code example bootstrap buttons

A revolutionary CSS framework

Bootstrap

bootstrap example button

Tailwind

tailwind example button

Why use Tailwind CSS?

Faster designing & smaller bundles

=

wow!

The Gotchas

HTML looks like this

html is a mess

My face when I see HTML

I'm confused'

Faster designing & smaller bundles

=

wow!

Did you know?

This presentation was made using Tailwind CSS

😎

Check it out at https://vas.cx/wvv3

Let's get to design! 🤘

Thank you!

Thank you to Devs' Street for giving me this opportunity!

😊