$30 off During Our Annual Pro Sale. View Details »

Tailwind - Decluttering CSS

Tailwind - Decluttering CSS

Munich Frontend Developers Meetup May

SQUER Solutions

May 13, 2020
Tweet

More Decks by SQUER Solutions

Other Decks in Programming

Transcript

  1. @duffleit
    Tailwind
    decluttering CSS
    .
    Munich Frontend Developers Meetup May
    David Leitner - @duffleit

    View Slide

  2. @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.

    View Slide

  3. @duffleit
    Let’s code it

    View Slide

  4. @duffleit

    View Slide

  5. @duffleit
    Benefits:
    ● No Naming Things
    ● No Context Switching
    ● No distributed media-queries
    ● Out-of-the-box consistency (spacing, colors, …)

    View Slide

  6. @duffleit
    And what about
    Separation of Concerns?

    View Slide

  7. @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.

    View Slide

  8. @duffleit
    @duffleit
    @duffleit
    @duffleit
    David Leitner
    Lead Engineer

    View Slide