Bad CSS-Dad Jokes (IV)
I haven't shared any terrible dad jokes in a while... did you think the nightmare was over? Think again! This time, I'm back with a whole batch of Halloween-themed Web Developer Dad Jokes.
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.
_______
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 is float things around.
_______
Why does Sleepy Hollow's horseman love HTML?
Because you can see the <body>... but not the <head>.
_______
.witch {
background-size: coven;
}
This witch is a single div. Check the code on CodePen
_______
Why do mummies prefer Flexbox over Grid for layouts?
Because it flex-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;
}
This is a variation from a comiCSS cartoon
_______
Why do children like trick-or-treating at the CSS colors' house?
Because they get chocolate.Why do their parents love it too?
Because they get chartreuse.
_______
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.
This Frankenstein's monster is also a single div! Check out how it was coded!
_______
- 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: