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
18
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
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
How GitHub (no longer) Works
holman
314
140k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Scaling GitHub
holman
459
140k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Building Adaptive Systems
keathley
43
2.6k
Designing for humans not robots
tammielis
253
25k
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