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
350
0

Tailwind - Decluttering CSS

Munich Frontend Developers Meetup May

Avatar for SQUER Solutions

SQUER Solutions

May 13, 2020

More Decks by SQUER Solutions

See All by SQUER Solutions
AI-Driven Legacy Decomposition
Avatar for SQUER Solutions squer
0
210
Plural of Platforms
Avatar for SQUER Solutions squer
1
120
Demystifying Event Sourcing – A Practical Approach by Shahab Ganji
Avatar for SQUER Solutions squer
0
200
Architecting Distributed Systems at Scale — From Pain to Pattern
Avatar for SQUER Solutions squer
0
320
Empowering-developers-with-Roslyn.pdf
Avatar for SQUER Solutions squer
0
170
Building Event Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
200
Building Event-Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
170
Platform Engineering: It's Not What You Think It Is
Avatar for SQUER Solutions squer
0
390
Patterns Of Architectural Modernization
Avatar for SQUER Solutions squer
1
560

Other Decks in Programming

See All in Programming
AIを活用したE2Eテスト実装効率化のあゆみ / ebisu-mobile-14-kotetu
Avatar for kotetu (kotetuco) kotetuco
0
170
Generative UI & AI-Assistants for Your Angular Solutions
Avatar for Manfred Steyer manfredsteyer
PRO
0
110
Terraform標準の組織で AWS CDKをどう使うか
Avatar for mu7889yoon / Yuta Nakamura mu7889yoon
0
110
Welcome to the "Parametricity" 🏙️ − Generic だけど Specific な世界 −
Avatar for TAKASE Kazuyuki guvalif
PRO
1
160
分散システム、なんですぐ死んでしまうん？耐障害性を高めたいあなたのためのレジリエンスパターン入門
Avatar for Mitsuhiro Shibuya mshibuya
7
5.9k
アルゴリズムは何を圧縮しているのか ─ Haskell から育った「圧縮代数」というメンタルモデル
Avatar for Naoya Ito naoya
16
3.4k
どこまでゆるくて許されるのか
Avatar for tk3fftk tk3fftk
0
480
OSINT for SRE: 
学術論文とポストモーテムから探る
システム障害の共通パターン / SRE NEXT 2026
Avatar for Tomoyuki KOYAMA tomoyk
1
3.6k
初めてのKubernetes 本番運用でハマった話
Avatar for Kobujee_53 oku053
0
120
言語を使う側から、作る側へ。 自作 Lisp で得た新たな気づき。
Avatar for ANDPAD inc andpad
0
120
技術記事、 専門家としてのプログラマ、 言語化
Avatar for Koutarou Chikuba mizchi
14
7.5k
【SRE NEXT 2026 Lunch Session】一人目専任SREの立ち上げを加速する ― AIと進めたオンボーディングで2分を0.04秒にした話
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
0
2.5k

Featured

See All Featured
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
650
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
280
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
450
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
490
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.7k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
330
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.5k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.1k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
410

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