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
Helsinki JS: Tailwind and why I like it
Search
Margo
March 06, 2025
0
21
Helsinki JS: Tailwind and why I like it
Margo
March 06, 2025
Tweet
Share
More Decks by Margo
See All by Margo
The Design Ops Cocktail
marharyta
0
190
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Agile that works and the tools we love
rasmusluckow
329
21k
4 Signs Your Business is Dying
shpigford
184
22k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Gamification - CAS2011
davidbonilla
81
5.4k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Building Applications with DynamoDB
mza
95
6.5k
Six Lessons from altMBA
skipperchong
28
3.9k
Documentation Writing (for coders)
carmenintech
72
4.9k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Become a Pro
speakerdeck
PRO
29
5.4k
GraphQLとの向き合い方2022年版
quramy
49
14k
Transcript
@2024 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
TAILWIND. Why I like it.
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
I feel like Tailwind is one of the most polarizing technologies in here. I first started working with Tailwind in 2020. Ever since I have been enjoying it. People asked me about it, so here is my presentation.
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
The promise of good DevX
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
CSS codebases grow
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
What is semantic CSS, really?
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
The concept goes way back to 2010
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
Naming is hard e OOCSS (Object-Oriented CSSa e SUIT CSx e SMACSS (Scalable Modular Architecture for CSSa e BEM
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
p DRY CSX p Utility-firsth p Atomic Designh p Functional CSX p CSS immutabilitQ p Content-independent class names
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
CSS reuse and Design system
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
So, why do people hate Tailwind? Front-end fatigue of late 2010s?
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
“Tailwind is bad because I do not like it”
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
“Kiss My Classname”
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
“Isn't this just inline styles?”
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
“It bloats the html markup”
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
“Why you’ll probably regret using Tailwind”
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
Design Systems and Tailwind
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
“It makes it hard to know what’s available to use. I will have to learn a whole new langauge”
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
What des it mean to build a good design system in 2024?
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
So, what does a design system consists of?
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
HTML and CSS are not really two separate concerns
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
Design tokens
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
Good Class Library
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
Good Design Systems are Curated
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
Practical example
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
junction.finua.org
@2023 Finua.org. The #1 information service for Ukrainians coming to
Finland
[email protected]
Thank you! email
[email protected]
LinkedIn FinUA