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
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
15
Demystifying Event Sourcing – A Practical Approach by Shahab Ganji
Avatar for SQUER Solutions squer
0
99
Architecting Distributed Systems at Scale — From Pain to Pattern
Avatar for SQUER Solutions squer
0
210
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
140
Building Event-Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
91
Platform Engineering: It's Not What You Think It Is
Avatar for SQUER Solutions squer
0
290
Patterns Of Architectural Modernization
Avatar for SQUER Solutions squer
1
450
Architecting for Scale
Avatar for SQUER Solutions squer
0
200

Other Decks in Programming

See All in Programming
Migration to Signals, Resource API, and NgRx Signal Store
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
技術的負債の正体を知って向き合う
Avatar for irof irof
0
290
One Enishi After Another
Avatar for Koji SHIMADA snoozer05
PRO
0
170
Amazon Verified Permissions実践入門 〜Cedar活用とAppSync導入事例/Practical Introduction to Amazon Verified Permissions
Avatar for MURAKAMI Masahiko fossamagna
2
100
スキーマ駆動で、Zod OpenAPI Honoによる、API開発するために、Hono Takibiというライブラリを作っている
Avatar for N Akita nakita628
0
330
ALL CODE BASE ARE BELONG TO STUDY
Avatar for uzulla uzulla
28
6.8k
AI 駆動開発におけるコミュニティと AWS CDK の価値
Avatar for Kenji Kono konokenj
5
290
Domain-centric? Why Hexagonal, Onion, and Clean Architecture Are Answers to the Wrong Question
Avatar for Oliver Drotbohm olivergierke
3
990
オープンソースソフトウェアへの解像度🔬
Avatar for うたもく utam0k
17
3.2k
Developer Joy - The New Paradigm
Avatar for Holly Cummins hollycummins
1
380
What's new in Spring Modulith?
Avatar for Oliver Drotbohm olivergierke
1
180
実践Claude Code：20の失敗から学ぶAIペアプログラミング
Avatar for 武田隆志 takedatakashi
18
9.1k

Featured

See All Featured
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
33k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
161
23k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.1k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k

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