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
75
Architecting Distributed Systems at Scale — From Pain to Pattern
Avatar for SQUER Solutions squer
0
180
Empowering-developers-with-Roslyn.pdf
Avatar for SQUER Solutions squer
0
100
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
85
Platform Engineering: It's Not What You Think It Is
Avatar for SQUER Solutions squer
0
260
Patterns Of Architectural Modernization
Avatar for SQUER Solutions squer
1
430
Architecting for Scale
Avatar for SQUER Solutions squer
0
200
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
Navigation 2 を 3 に移行する（予定）ためにやったこと
Avatar for yokomii yokomii
0
120
FindyにおけるTakumi活用と脆弱性管理のこれから
Avatar for adachi.ryo rvirus0817
0
480
Oracle Database Technology Night 92 Database Connection control FAN-AC
Avatar for oracle4engineer oracle4engineer
PRO
1
440
Deep Dive into Kotlin Flow
Avatar for Matsuda Jumpei jmatsu
1
300
GitHubとGitLabと AWS CodePipelineで CI/CDを組み比べてみた
Avatar for Satoshi Kaneyasu satoshi256kbyte
4
200
TDD 実践ミニトーク
Avatar for Daisuke Garaike contour_gara
1
290
Kiroで始めるAI-DLC
Avatar for kaonash kaonash
2
580
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
Avatar for teamLab teamlab
PRO
0
480
Namespace and Its Future
Avatar for Satoshi Tagomori tagomoris
6
700
詳解！defer panic recover のしくみ / Understanding defer, panic, and recover
Avatar for convto convto
0
230
プロパティベーステストによるUIテスト: LLMによるプロパティ定義生成でエッジケースを捉える
Avatar for Tetta Noguchi tetta_pdnt
0
300
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
Avatar for Jonghyuk Max Kim mmmaxkim
0
1.6k

Featured

See All Featured
It's Worth the Effort
Avatar for 3n 3n
187
28k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
70
11k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
840
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
9.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
330
21k
Code Review Best Practice
Avatar for Trisha Gee trishagee
70
19k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.6k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
55
13k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k

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