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

Tailwind - Decluttering CSS

SQUER Solutions
May 13, 2020
Programming
0
310

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
42
Building Event Driven Systems at Scale with Azure Cosmos DB
squer
0
54
Building Event-Driven Systems at Scale with Azure Cosmos DB
squer
0
35
Platform Engineering: It's Not What You Think It Is
squer
0
180
Patterns Of Architectural Modernization
squer
1
310
Architecting for Scale
squer
0
150
Platform Engineering: It's Not What You Think It Is
squer
0
170
Platform Engineering — the Good, the Bad, and the Ugly
squer
1
280
Your Platform Monolith is Probably a Bad Idea
squer
1
170

Other Decks in Programming

See All in Programming
Java Webフレームワークの現状 / java web framework at burikaigi
kishida
9
2.2k
Lottieアニメーションをカスタマイズしてみた
tahia910
0
130
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
5
400
Flutter × Firebase Genkit で加速する生成 AI アプリ開発
coborinai
0
160
Djangoにおける複数ユーザー種別認証の設計アプローチ@DjangoCongress JP 2025
delhi09
PRO
4
400
2024年のWebフロントエンドのふりかえりと2025年
sakito
3
260
『GO』アプリ データ基盤のログ収集システムコスト削減
mot_techtalk
0
130
法律の脱レガシーに学ぶフロントエンド刷新
oguemon
5
740
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
250
GitHub Actions × RAGでコードレビューの検証の結果
sho_000
0
280
AIの力でお手軽Chrome拡張機能作り
taiseiue
0
180
Generating OpenAPI schema from serializers throughout the Rails stack - Kyobashi.rb #5
envek
1
250

Featured

See All Featured
Adopting Sorbet at Scale
ufuk
74
9.2k
Git: the NoSQL Database
bkeepers
PRO
427
65k
GitHub's CSS Performance
jonrohan
1030
460k
Navigating Team Friction
lara
183
15k
Facilitating Awesome Meetings
lara
52
6.2k
Designing Experiences People Love
moore
140
23k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
Bash Introduction
62gerente
611
210k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k

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