$30 off During Our Annual Pro Sale. View Details »

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
Plural of Platforms
Avatar for SQUER Solutions squer
1
46
Demystifying Event Sourcing – A Practical Approach by Shahab Ganji
Avatar for SQUER Solutions squer
0
130
Architecting Distributed Systems at Scale — From Pain to Pattern
Avatar for SQUER Solutions squer
0
230
Empowering-developers-with-Roslyn.pdf
Avatar for SQUER Solutions squer
0
120
Building Event Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
150
Building Event-Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
100
Platform Engineering: It's Not What You Think It Is
Avatar for SQUER Solutions squer
0
300
Patterns Of Architectural Modernization
Avatar for SQUER Solutions squer
1
480
Architecting for Scale
Avatar for SQUER Solutions squer
0
210

Other Decks in Programming

See All in Programming
組み合わせ爆発にのまれない - 責務分割 x テスト
Avatar for HAL halhorn
1
140
手が足りない！兼業データエンジニアに必要だったアーキテクチャと立ち回り
Avatar for zinkosuke zinkosuke
0
580
AIの誤りが許されない業務システムにおいて“信頼されるAI” を目指す / building-trusted-ai-systems
Avatar for Yuya Matsumura yuya4
5
1.7k
【CA.ai #3】ワークフローから見直すAIエージェント — 必要な場面と“選ばない”判断
Avatar for SatoAoaka satoaoaka
0
230
DSPy Meetup Tokyo #1 - はじめてのDSPy
Avatar for Masahiro Nishimi masahiro_nishimi
1
160
dotfiles 式年遷宮 令和最新版
Avatar for masawada masawada
1
720
無秩序からの脱却 / Emergence from chaos
Avatar for nrs nrslib
2
13k
これだけで丸わかり！LangChain v1.0 アップデートまとめ
Avatar for os1ma os1ma
6
1.7k
社内オペレーション改善のためのTypeScript / TSKaigi Hokuriku 2025
Avatar for dachi023 dachi023
1
550
Context is King？ 〜Verifiability時代とコンテキスト設計 / Beyond "Context is King"
Avatar for r-kagaya rkaga
5
890
大体よく分かるscala.collection.immutable.HashMap ~ Compressed Hash-Array Mapped Prefix-tree (CHAMP) ~
Avatar for matsu_chara matsu_chara
1
210
生成AIを利用するだけでなく、投資できる組織へ
Avatar for pospome pospome
0
130

Featured

See All Featured
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
480
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
7k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
7.9k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
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