Navigate Select ESC Close

I had no idea it was this bad...

2025-02-10 Science & Technology
53.6k
1.9k
278
Theo - t3․gg
Theo - t3․gg
551.0k subscribers

Unlock all features

FREE: Get instant access to 10 AI summaries, chats, or transcripts per day.

Description

Html whitespace is entirely broken. I've stumbled into bad whitespace behaviors before, but I had no idea just how deep the rabbit hole went. This article was incredible, loved every second of it. Thank you Blacksmith for sponsoring! Check them out at https://soydev.link/blacksmith SOURCES https://blog.dwac.dev/posts/html-whitespace/ https://github.com/w3c/csswg-drafts/issues/10821 https://bsky.app/profile/develwithoutacause.dwac.dev Check out my Twitch, Twitter, Discord more at https://t3.gg S/O Ph4se0n3 for the awesome edit 🙏

Top Comments (10)

@samuelgunter 2025-02-10

have I really gone so far down the CS rabbit hole that I'm going to dedicate 54 minutes to learning about obscure whitespace rules? yes. yes I have

255 1 replies
@develwithoutacause 2025-02-11

14:56 "Why is this a useful article? This was supposed to be a fun read, not useful and painful!" Oh, I never said it would be fun. You knew what you were getting into. Glad you enjoyed the post and got to share in my frustrations just a little bit. 😁

131 2 replies
@Z3rgatul 2025-02-11

Theo every 5 mins: this will go very deep soon Me: everything makes total sense so far if you worked with HTML/CSS from the era of IE4

122 6 replies
@kocokan 2025-02-10

Happy   day everyone

75 2 replies
@skotmorg 2025-02-10

9:03 all of this is HTML & CSS basics

59 3 replies
@Sqibo 2025-02-11

Just remember that HTML was created for document formatting. It was later used for websites.

41 3 replies
@sirflimflam 2025-02-10

8:15 I feel so called out right now...

12
@austincodes 2025-02-10

Not going to lie but I'm a fan that you have quality sponsor segments now. Blacksmith looks like a really awesome find that I wouldn't have known about!

7
@jaakkopontinen 2025-02-19

10:02 Kind of a weird setup for an argument, because you can give any element any display value, like a { display: block } makes all <a> elements lay out as blocks, such as divs natively do. Making it sound like <aside> is somehow special is weird.

6
@MattSullivn 2025-02-13

This is both highly relevant and archival review of 1996 bugs

2

Unlock the Data Inside
Turn Videos into Knowledge

  • Get FREE 10/day: transcripts, summaries, chats
  • Chat with videos, export text & PDF
  • $1 free API credit for RAG, chatbots & research

Free forever plan • All features unlocked

App screenshot