Helsinki JS: Tailwind and why I like it

@2024 Finua.org. The #1 information service for Ukrainians coming to
Finland [email protected] TAILWIND. Why I like it.

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.

Finland [email protected]

Finland [email protected] The promise of good DevX

Finland [email protected] CSS codebases grow

Finland [email protected] What is semantic CSS, really?

Finland [email protected] The concept goes way back to 2010

Finland [email protected] Naming is hard e OOCSS (Object-Oriented CSSa e SUIT CSx e SMACSS (Scalable Modular Architecture for CSSa e BEM

Finland [email protected] p DRY CSX p Utility-firsth p Atomic Designh p Functional CSX p CSS immutabilitQ p Content-independent class names

Finland [email protected] CSS reuse and Design system

Finland [email protected] So, why do people hate Tailwind? Front-end fatigue of late 2010s?

Finland [email protected] “Tailwind is bad because I do not like it”

Finland [email protected] “Kiss My Classname”

Finland [email protected] “Isn't this just inline styles?”

Finland [email protected] “It bloats the html markup”

Finland [email protected] “Why you’ll probably regret using Tailwind”

Finland [email protected] Design Systems and Tailwind

Finland [email protected] “It makes it hard to know what’s available to use. I will have to learn a whole new langauge”

Finland [email protected] What des it mean to build a good design system in 2024?

Finland [email protected] So, what does a design system consists of?

Finland [email protected] HTML and CSS are not really two separate concerns

Finland [email protected] Design tokens

Finland [email protected] Good Class Library

Finland [email protected] Good Design Systems are Curated

Finland [email protected] Practical example

Finland [email protected] junction.finua.org

Finland [email protected] Thank you! email [email protected] LinkedIn FinUA

Helsinki JS: Tailwind and why I like it

Helsinki JS: Tailwind and why I like it

More Decks by Margo

Featured

Transcript