Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Tailwind - Decluttering CSS

E6c61f085d7aceaf97b7bd00e9195514?s=47 SQUER Solutions
May 13, 2020
Programming
0
130

Tailwind - Decluttering CSS

Munich Frontend Developers Meetup May

E6c61f085d7aceaf97b7bd00e9195514?s=128

SQUER Solutions

May 13, 2020
Tweet

More Decks by SQUER Solutions

See All by SQUER Solutions
E6c61f085d7aceaf97b7bd00e9195514?s=48 squer
0
75
E6c61f085d7aceaf97b7bd00e9195514?s=48 squer
0
100
E6c61f085d7aceaf97b7bd00e9195514?s=48 squer
0
80
E6c61f085d7aceaf97b7bd00e9195514?s=48 squer
0
120
E6c61f085d7aceaf97b7bd00e9195514?s=48 squer
0
87
E6c61f085d7aceaf97b7bd00e9195514?s=48 squer
0
430
E6c61f085d7aceaf97b7bd00e9195514?s=48 squer
0
150
E6c61f085d7aceaf97b7bd00e9195514?s=48 squer
0
440
E6c61f085d7aceaf97b7bd00e9195514?s=48 squer
0
62

Other Decks in Programming

See All in Programming
8f84b7d8869ef6005d89b378e8661f7c?s=48 masuda220
9
3.2k
3d795f3e14655c5791b0ab84a40b7b35?s=48 yusukekonnorakus
0
260
F5ad19f79685973f5e93124e55ef4d15?s=48 kumasan3
0
270
E26d0367de2bbb06bf3059c981aea719?s=48 wagnerfusca
2
230
218473ff7abad0fcd72865da2b23bb5b?s=48 memory1994
6
730
87137598c23e3e90755e5d7476d21405?s=48 bastnic
1
980
80a3a3857a55f154d23acb705eff72cc?s=48 star_zero
0
140
A73cbd4500c4dbc97ad2fba6ad41ae67?s=48 mozamimy
0
200
994abc15f0cfc4010e8125dba1bcfae7?s=48 chige
0
120
52cc8a838bf44a589d2572833b2dd1b9?s=48 palkan
1
1.2k
1fab9d01b25e99522f3dfd01e3d4cb51?s=48 soutaro
3
590
8e8410eb785755ae2cb485f85dbab6e8?s=48 hiroga
1
260

Featured

See All Featured
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
8
970
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
333
29k
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
298
40k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
255
17k
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
587
210k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
274
17k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
202
9.8k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
8
670
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
220
15k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
63
10k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
409
58k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
66
3.1k

Transcript

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

    David Leitner - @duffleit

  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.

  3. @duffleit Let’s code it

  4. @duffleit

  5. @duffleit Benefits: • No Naming Things • No Context Switching

    • No distributed media-queries • Out-of-the-box consistency (spacing, colors, …)

  6. @duffleit And what about Separation of Concerns?

  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.

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