Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Tailwind - Decluttering CSS
Search
SQUER Solutions
May 13, 2020
Programming
0
270
Tailwind - Decluttering CSS
Munich Frontend Developers Meetup May
SQUER Solutions
May 13, 2020
Tweet
Share
More Decks by SQUER Solutions
See All by SQUER Solutions
Patterns Of Architectural Modernization
squer
1
190
Architecting for Scale
squer
0
63
Platform Engineering: It's Not What You Think It Is
squer
0
67
Platform Engineering— the Good, the Bad, and the Ugly
squer
1
190
Your Platform Monolith is Probably a Bad Idea
squer
1
100
Architecting for Scale
squer
0
140
Cultivating Architecture in an Agile World
squer
0
130
Platform Engineering Beyond the Buzzwords
squer
2
160
Micro Frontends —Unraveling the Illusions
squer
0
94
Other Decks in Programming
See All in Programming
Rubyのパフォーマンスプロファイリングの改善 / Enhancing performance profiling for Ruby
osyoyu
1
410
Clean Architecture by TypeScript & NestJS
ryounasso
0
150
みんなのオブザーバビリティプラットフォームを作ってるんだがパフォーマンスがやばい #mackerelio #srenext
ne_sachirou
0
380
SDCon2024: Enabling DevOps and Team Topologies thru architecture: architecting for fast flow
cer
PRO
0
780
I/O Extended Android in Korea 2024 ~ Whats new in Android development tools
pluu
0
250
MIERUNE BBQにおけるユーザー中心設計()
mierune
PRO
1
110
Ruby メモリ管理 プログラミング
megmogmog1965
0
130
スクラムマスターって孤独じゃないですか?
yoshitaroyoyo
1
140
Temporalを取り巻く仕様を整理する
sajikix
0
120
ピグパーティにおけるMongoDB CommunityバージョンからAtlasへの移行事例
10969hotaka
0
130
わかりやすい正解を捨てて、コトに向き合う - スクラムフェス金沢2024 スポンサーセッション
yusukekokubo
0
170
TiDB Serverless ~理想のServerless DBを考える~
soso_15315
1
160
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
189
16k
Learning to Love Humans: Emotional Interface Design
aarron
269
39k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
36
9.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
44
4.7k
5 minutes of I Can Smell Your CMS
philhawksworth
200
19k
10 Git Anti Patterns You Should be Aware of
lemiorhan
652
58k
Building Flexible Design Systems
yeseniaperezcruz
323
37k
The MySQL Ecosystem @ GitHub 2015
samlambert
248
12k
How STYLIGHT went responsive
nonsquared
93
5k
A better future with KSS
kneath
231
17k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
662
120k
Transcript
@duffleit Tailwind decluttering CSS . Munich Frontend Developers Meetup May
David Leitner - @duffleit
@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.
@duffleit Let’s code it
@duffleit
@duffleit Benefits: • No Naming Things • No Context Switching
• No distributed media-queries • Out-of-the-box consistency (spacing, colors, …)
@duffleit And what about Separation of Concerns?
@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.
@duffleit @duffleit @duffleit @duffleit David Leitner Lead Engineer