Save 37% off PRO during our Black Friday Sale! »

Tailwind - Decluttering CSS

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

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
290
E6c61f085d7aceaf97b7bd00e9195514?s=48 squer
0
290
E6c61f085d7aceaf97b7bd00e9195514?s=48 squer
0
130
E6c61f085d7aceaf97b7bd00e9195514?s=48 squer
0
150
E6c61f085d7aceaf97b7bd00e9195514?s=48 squer
0
120
E6c61f085d7aceaf97b7bd00e9195514?s=48 squer
0
190
E6c61f085d7aceaf97b7bd00e9195514?s=48 squer
0
110
E6c61f085d7aceaf97b7bd00e9195514?s=48 squer
0
480
E6c61f085d7aceaf97b7bd00e9195514?s=48 squer
0
170

Other Decks in Programming

See All in Programming
265bcbb56e831266de7a9f9281aab57a?s=48 appleboy
2
1.1k
9e64d2069945742c818421e884603b44?s=48 ushisantoasobu
1
470
B7424f2bb6afd48c51cf88c2c15c395d?s=48 t2kob
0
190
E3c2bac7a4a04823dda122cf243edd01?s=48 claudioed
0
340
494a2760dceccc31c4bcdb689041c614?s=48 d_r_1009
0
160
E04d03dc377d0d01f9271e9c178f058b?s=48 yusukesuzuki1213
0
200
B9d723a1439affc92fcd589446f73d3b?s=48 yukukotani
2
1k
9733730b7cb400f72ed99aa28fc1d210?s=48 karszawa
0
560
88ad4f75d7c84fcf560bb6205c52e8c1?s=48 dnskimo
1
150
7a37d60769f6f3004adee19a8ff2c219?s=48 tunepolo
0
250
E228752b0ba3d85d485083c7fc6c3622?s=48 hainet50b
9
2.5k
Bdd3fb3269e67bbc512f2530c409a926?s=48 tnishinaga
0
530

Featured

See All Featured
245cee81a9c424266e5e401d844ea881?s=48 lara
175
11k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
172
7.8k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
55
4.9k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
265
11k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
405
20k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
90
3.7k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
396
61k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
32
1.2k
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
364
63k
828ace851b606e1206900f26459f55ad?s=48 speakerdeck
PRO
2
490
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
120
7.5k
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
208
38k

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