Email or username:

Password:

Forgot your password?
Darius Kazemi

Here's how deep I had to go into the DOM tree to inspect text that I had typed into a text box on Twitter

Screenshot of the Web Inspector looking at html code of twitter.com - actual content is buried in about two dozen nested div elements
18 comments
A random mastodon user

@darius got nearly the same tree in other same fantastic websites as well. Just wondering whether it is the behavior of modern web applications or just design problems of twitter?

eli_oat

@darius @milofultz I once heard someone say you can estimate the size of an orgs engineering team by the number of divs a core feature is rapped in. They said it as a snide comment, but I honestly think there’s something to it.

Григорий Клюшников

eli_oat, here's how many divs are around the field I'm writing this in. Could be made even fewer by getting rid of tables :D

Pauxlll Kruczynski

@darius when VCs get involved in buildings of circles of hell...

Amy Churchwell

@darius remember when you could "view source" a site and actually learn something? this is ridiculous.

Tagomago

@darius Insane. This kind of industrial bloat-web development deserves a big painful end.

yr

@darius nobody can convince me that this isn't deliberate obfuscation

colin mitchell

@darius flex flex flex flex flex flex flex flex flex flex flex

Григорий Клюшников

But at least the code their developers see is sure beautiful? It's all that matters in modern software development, right?

Andrew

@darius why the hell are they all named like that.

Darius Kazemi

@cinebox when you use React the default is for it to compile classnames down to meaningless identifiers. It has some upsides (like in your *code* you can use the same class name across different components without collisions happening) but also it's mostly fucking stupid and awful.

JP

@darius any idea why those class names are so weird? clearly generated but what is it accomplishing? i know in some cases it's ad blocker evasion but that can't be the only reason can it?

Go Up