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

Tailwind - Decluttering CSS

SQUER Solutions
May 13, 2020
Programming
0
300

Tailwind - Decluttering CSS

Munich Frontend Developers Meetup May

SQUER Solutions

May 13, 2020
Tweet

More Decks by SQUER Solutions

See All by SQUER Solutions
Empowering-developers-with-Roslyn.pdf
squer
0
9
Building Event Driven Systems at Scale with Azure Cosmos DB
squer
0
19
Building Event-Driven Systems at Scale with Azure Cosmos DB
squer
0
7
Platform Engineering: It's Not What You Think It Is
squer
0
100
Patterns Of Architectural Modernization
squer
1
260
Architecting for Scale
squer
0
110
Platform Engineering: It's Not What You Think It Is
squer
0
130
Platform Engineering — the Good, the Bad, and the Ugly
squer
1
240
Your Platform Monolith is Probably a Bad Idea
squer
1
140

Other Decks in Programming

See All in Programming
[PyCon Korea 2024 Keynote] 커뮤니티와 파이썬, 그리고 우리
beomi
0
120
Importmapを使ったJavaScriptの 読み込みとブラウザアドオンの影響
swamp09
4
1.3k
JaSST 24 九州：ワークショップ(は除く) 実践！マインドマップを活用したソフトウェアテスト＋活用事例
satohiroyuki
0
400
みんなでプロポーザルを書いてみた
yuriko1211
0
190
Why Jakarta EE Matters to Spring - and Vice Versa
ivargrimstad
0
600
GCCのプラグインを作る / I Made a GCC Plugin
shouth
1
160
PLoP 2024: The evolution of the microservice architecture pattern language
cer
PRO
0
2.4k
Tauriでネイティブアプリを作りたい
tsucchinoko
0
350
Java ジェネリクス入門 2024
nagise
0
690
C++でシェーダを書く
fadis
6
3.9k
Sidekiqで実現する 長時間非同期処理の中断と再開 / Pausing and Resuming Long-Running Asynchronous Jobs with Sidekiq
hypermkt
6
3k
ActiveSupport::Notifications supporting instrumentation of Rails apps with OpenTelemetry
ymtdzzz
1
180

Featured

See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Automating Front-end Workflow
addyosmani
1366
200k
A Philosophy of Restraint
colly
203
16k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
Faster Mobile Websites
deanohume
305
30k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
404
65k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Speed Design
sergeychernyshev
24
600
Building a Modern Day 
E-commerce SEO Strategy
aleyda
38
6.9k

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