Slide 1

Slide 1 text

@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