Skip to main content
Photography of Alvaro Montoro being a doofus
Alvaro Montoro

Honorary Tortoise

What is blue and not too heavy? LightBlue

Bad CSS-Dad Jokes (II)

After the terrible reception great success of my first post with Bad CSS-Dad Jokes, I am here to torture entertain you with more terrible amazing CSS jokes. Enjoy!

css html webdev watercooler

What is CSS Developers' favorite car?
A vw.


How does a <div> dance?
It makes its border groove.

CSS Break dance

Wait... you haven't heard the news about randomization in CSS? Check my other (serious) post with some interesting features and functions arriving in CSS —hopefully one day soon.


Why do Mobile Developers go to McDonald's?
Because they like their hamburger menu.


How do Web Developers make a component hot?
They turn it 90 degrees.


What is blue and not too heavy?
LightBlue

And its even "terribler" and nerdier version:

What is blue and not too heavy?
#ADD8E6

What is blue and not too heavy? LightBlue
This image background is LightBlue

Why did the last <div> blush?
Because it was next to its parent's bottom.


Why did the <video> element fail the test?
Because it didn't have a :cue.


CSS custom properties are in the :root of all evil (websites)


<input type="hidden">
hide-and-seek champion since 1995.

I need a t-shirt with this :p

Fun fact: the type hidden was added to the HTML specification in 1995. This is mostly useless information, but now you know it.


Why didn't IE11 talk to other browsers?
Because it didn't know how to <dialog>.

Another trivia fun fact: Chrome supported <dialog> since 2012! But it didn't become a full part of the standard until 2022. IE's end of life was June 2022, so that browser never implemented the <dialog> element.


Why are CSS Developers so optimistic?
They can never see a glass half :empty.


Why did the ::before pseudo-element not show up at its high school reunion?
Because it wasn't contented.


Why did the linear gradient fail the test?
Because it couldn't make the curve.


What's SVG's favorite TV host?
Doctor Fill.


Why do CSS developers only go to national masquerades?
Because masks can't go outside the borders.

This one is not 100% true. We can make a mask apply outside of the element borders by setting mask-clip: no-clip.


Why did the SVG file go to the dentist?
It lost a fill-ing.


Why did the <img> tag go to jail?
It was iframed.


What element shows ::before after ::after?
A dictionary.

Article originally published on