@duffleit
Tailwind
decluttering CSS
.
Munich Frontend Developers Meetup May
David Leitner - @duffleit
Slide 2
Slide 2 text
@duffleit
Tailwind CSS is a highly customizable,
low-level CSS framework that gives
you all of the building blocks you need
to build bespoke designs without any
annoying opinionated styles you have
to fight to override.
Slide 3
Slide 3 text
@duffleit
Let’s code it
Slide 4
Slide 4 text
@duffleit
Slide 5
Slide 5 text
@duffleit
Benefits:
● No Naming Things
● No Context Switching
● No distributed media-queries
● Out-of-the-box consistency (spacing, colors, …)
Slide 6
Slide 6 text
@duffleit
And what about
Separation of Concerns?
Slide 7
Slide 7 text
@duffleit
Maintaining css is hard, editing html is easy.
Tailwind is an API for your design system.
✂ Solve duplication by extracting components.
Ensure to purge your CSS.
Slide 8
Slide 8 text
@duffleit
@duffleit
@duffleit
@duffleit
David Leitner
Lead Engineer