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
DROBEの生成AI活用事例 with AWS
ippey
0
130
プログラミング言語学習のススメ / why-do-i-learn-programming-language
yashi8484
0
120
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
890
法律の脱レガシーに学ぶフロントエンド刷新
oguemon
5
730
一休.com のログイン体験を支える技術 〜Web Components x Vue.js 活用事例と最適化について〜
atsumim
0
110
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
8
1.7k
chibiccをCILに移植した結果 (NGK2025S版)
kekyo
PRO
0
210
Flutter × Firebase Genkit で加速する生成 AI アプリ開発
coborinai
0
150
ARA Ansible for the teams
kksat
0
150
Honoとフロントエンドの 型安全性について
yodaka
4
250
Open source software: how to live long and go far
gaelvaroquaux
0
620
ファインディの テックブログ爆誕までの軌跡
starfish719
2
1.1k

Featured

See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Navigating Team Friction
lara
183
15k
Designing for humans not robots
tammielis
250
25k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
540
A Tale of Four Properties
chriscoyier
158
23k
Faster Mobile Websites
deanohume
306
31k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k

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