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

Tailwind - Decluttering CSS

Avatar for SQUER Solutions SQUER Solutions
May 13, 2020
Programming
0
330

Tailwind - Decluttering CSS

Munich Frontend Developers Meetup May

Avatar for SQUER Solutions

SQUER Solutions

May 13, 2020
Tweet

More Decks by SQUER Solutions

See All by SQUER Solutions
Demystifying Event Sourcing – A Practical Approach by Shahab Ganji
Avatar for SQUER Solutions squer
0
64
Architecting Distributed Systems at Scale — From Pain to Pattern
Avatar for SQUER Solutions squer
0
160
Empowering-developers-with-Roslyn.pdf
Avatar for SQUER Solutions squer
0
90
Building Event Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
120
Building Event-Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
82
Platform Engineering: It's Not What You Think It Is
Avatar for SQUER Solutions squer
0
240
Patterns Of Architectural Modernization
Avatar for SQUER Solutions squer
1
420
Architecting for Scale
Avatar for SQUER Solutions squer
0
190
Platform Engineering: It's Not What You Think It Is
Avatar for SQUER Solutions squer
0
210

Other Decks in Programming

See All in Programming
バイブスあるコーディングで ~PHP~ 便利ツールをつくるプラクティス
Avatar for uzulla uzulla
1
330
STUNMESH-go: Wireguard NAT穿隧工具的源起與介紹
Avatar for Date Huang tjjh89017
0
290
Vibe Codingの幻想を超えて-生成AIを現場で使えるようにするまでの泥臭い話.ai
Avatar for Kuu fumiyakume
21
10k
管你要 trace 什麼、bpftrace 用下去就對了 — COSCUP 2025
Avatar for shunghsiyu shunghsiyu
0
350
バイブコーディング超えてバイブデプロイ〜CloudflareMCPで実現する、未来のアプリケーションデリバリー〜
Avatar for azukiazusa azukiazusa1
3
800
新しいモバイルアプリ勉強会（仮）について
Avatar for 上ちょ / uetyo uetyo
1
250
MCPで実現できる、Webサービス利用体験について
Avatar for syumai syumai
7
2.5k
Strands Agents で実現する名刺解析アーキテクチャ
Avatar for omiya omiya0555
1
110
なぜあなたのオブザーバビリティ導入は頓挫するのか
Avatar for ryotaro kobayashi ryota_hnk
5
580
AHC051解法紹介
Avatar for eijirou eijirou
0
210
Android 15以上でPDFのテキスト検索を爆速開発！
Avatar for tonionagauzzi tonionagauzzi
0
190
技術的負債で信頼性が限界だったWordPress運用をShifterで完全復活させた話
Avatar for adachi.ryo rvirus0817
0
800

Featured

See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
50
5.5k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.7k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
Making Projects Easy
Avatar for Brett Harned brettharned
117
6.3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
283
13k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
880
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.1k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k

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