This content originally appeared on DEV Community and was authored by Alvaro Montoro
You can check out the previous editions of this terrible series of web developer dad jokes:
And now, we arrive at the latest chapter. One that could be called "A New Hope." But let's be honest... hope is the last thing you'll find here.
On to what really matters!
Why did the web developer ghost fail HTML validation?
It didn't have a<body>!
I had a second version of this one, but decided to drop it (actually it morphed into something different later in the list):
Why did the Sleepy Hollow's horseman fail HTML validation?
Because it didn't have a<head>!
Why are ghosts terrible at web development?
Because all they ever do is#b00000.
Same applies for web design. I had another punchline: "Because they want all colors to be #b00000." But I like it shorter and more direct.
#b00000 is a nice "blood" color.
What is the worst thing that can happen to a web developer ghost?
Floating into a<picture>while being visible.
A headstone is a grave ::marker.
Poltergeists struggle with modern web development.
All they do isfloatthings around.
Why does Sleepy Hollow's horseman love HTML?
Because you can see the<body>... but not the<head>.
.witch {
background-size: coven;
}
Why do mummies prefer Flexbox over Grid for layouts?
Because itflex-wraps nicely.
.ghost {
visibility: hidden;
}
Web developers have been searching for a good semantic tag to represent content with a caption for years...
Eventually, they'll<figure>it out.
Why did the<li>run away from the cooking website?
It realized it was on the<menu>.
:where(.wolf) {
will-change: shape-outside;
}
Why do children like trick-or-treating at the CSS colors' house?
Because they getchocolate.
Why do their parents love it too?
Because they getchartreuse.
Why don't skeletons ever go trick or treating?
Because they have no-<body>to go with.
What is an Italian web developer's favorite pasta?
<li>nguini.
Also valid <span>ghetti, <main>cotti, <p>enne (or <pre>nne)... and probably the one they hate the most: gridciolli.
What will Frankenstein never use to build a website?
firebrick.
- Knock, knock!
- Who's there?
-<nav>
-<nav>who?
- Bless you!
A shorter version for this one:
- Knock, knock!
- Who's there?
-<h2>
- Bless you!
<head>and<header>imply the existence of<headest>.
This only makes perfect sense actually. Waiting for the W3C announcement any time soon...
...And that's the end for now! Don't forget to check out the previous editions of the bad CSS-dad jokes:
This content originally appeared on DEV Community and was authored by Alvaro Montoro
Alvaro Montoro | Sciencx (2025-10-25T12:49:16+00:00) Bad CSS-Dad Jokes (IV). Retrieved from https://www.scien.cx/2025/10/25/bad-css-dad-jokes-iv/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.