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
Demystifying Event Sourcing – A Practical Approach by Shahab Ganji
Avatar for SQUER Solutions squer
0
46
Architecting Distributed Systems at Scale — From Pain to Pattern
Avatar for SQUER Solutions squer
0
140
Empowering-developers-with-Roslyn.pdf
Avatar for SQUER Solutions squer
0
80
Building Event Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
100
Building Event-Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
75
Platform Engineering: It's Not What You Think It Is
Avatar for SQUER Solutions squer
0
240
Patterns Of Architectural Modernization
Avatar for SQUER Solutions squer
1
410
Architecting for Scale
Avatar for SQUER Solutions squer
0
190
Platform Engineering: It's Not What You Think It Is
Avatar for SQUER Solutions squer
0
200

Other Decks in Programming

See All in Programming
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
Avatar for 岡本秀明 h_okkah
0
190
Azure AI Foundryではじめてのマルチエージェントワークフロー
Avatar for 瀬尾佳隆 seosoft
0
190
The Niche of CDK Grant オブジェクトって何者？/the-niche-of-cdk-what-isgrant-object
Avatar for hassaku63 hassaku63
1
410
Porting a visionOS App to Android XR
Avatar for Akio Itaya akkeylab
0
640
PHPでWebSocketサーバーを実装しよう2025
Avatar for kubotak kubotak
0
300
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
Avatar for Takuya Katsusa takuyakatsusa
2
570
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
Avatar for uutan1108 ohmori_yusuke
1
130
『自分のデータだけ見せたい！』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
Avatar for AkitoTsukahara akitotsukahara
2
650
ISUCON研修おかわり会 講義スライド
Avatar for Yuki Yata arfes0e2b3c
1
460
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
Avatar for Akira Kobori koboriakira
0
610
PicoRuby on Rails
Avatar for makicamel makicamel
2
140
おやつのお供はお決まりですか？@WWDC25 Recap -Japan-\(region).swift
Avatar for gangan shingangan
0
140

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.4k
Building an army of robots
Avatar for Kyle Neath kneath
306
45k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.7k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.5k
Code Review Best Practice
Avatar for Trisha Gee trishagee
69
19k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
970
Faster Mobile Websites
Avatar for Dean Hume deanohume
307
31k

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