The Two-Tree Problem with Styling on the Web

danielnagy

Daniel Nagy

Posted on March 11, 2024

The Two-Tree Problem with Styling on the Web

https://danielnagy.me/posts/Post_jt4adn0o5bnr

TL;DR

In this article, I discuss what I call the "two-tree problem" with styling modern web apps. The problem arises from the separation of structure and style.

I suggest that while CSS is a well-designed language for styling, the cascade and separation of styles from HTML may have been mistakes.

I then examine some popular styling libraries, including Emotion, Styled Components, Tailwind, and UI Box, assessing their effectiveness in addressing the two-tree problem.

I make a case for inline styles as a potential solution, emphasizing their simplicity. I acknowledge the limits of inline styles but suggest that these limits might not be significant issues for modern web development.

๐Ÿ’– ๐Ÿ’ช ๐Ÿ™… ๐Ÿšฉ
danielnagy
Daniel Nagy

Posted on March 11, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Flip Card on Hover in CSS
codepen Flip Card on Hover in CSS

November 27, 2024

I am kaustubh kulkarni
webdev I am kaustubh kulkarni

October 27, 2024

UI Verse
react UI Verse

October 18, 2024

ยฉ TheLazy.dev

About