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
36
Building Event Driven Systems at Scale with Azure Cosmos DB
squer
0
50
Building Event-Driven Systems at Scale with Azure Cosmos DB
squer
0
30
Platform Engineering: It's Not What You Think It Is
squer
0
170
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
270
Your Platform Monolith is Probably a Bad Idea
squer
1
170

Other Decks in Programming

See All in Programming
GitHub Actions × RAGでコードレビューの検証の結果
sho_000
0
240
SpringBoot3.4の構造化ログ #kanjava
irof
2
970
第3回 Snowflake 中部ユーザ会 - dbt × Snowflake ハンズオン
hoto17296
4
360
Honoをフロントエンドで使う 3つのやり方
yusukebe
4
2.1k
Open source software: how to live long and go far
gaelvaroquaux
0
620
法律の脱レガシーに学ぶフロントエンド刷新
oguemon
5
730
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
890
Ruby on cygwin 2025-02
fd0
0
140
自分ひとりから始められる生産性向上の取り組み #でぃーぷらすオオサカ
irof
8
2.6k
[Fin-JAWS 第38回 ～re:Invent 2024 金融re:Cap～]FaultInjectionServiceアップデート＠pre:Invent2024
shintaro_fukatsu
0
400
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
770
2024年のWebフロントエンドのふりかえりと2025年
sakito
1
230

Featured

See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
51k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Rails Girls Zürich Keynote
gr2m
94
13k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Thoughts on Productivity
jonyablonski
69
4.5k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k

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