DEV Community

Cover image for Bad CSS-Dad Jokes (II)
Alvaro Montoro
Alvaro Montoro

Posted on • Originally published at alvaromontoro.com

Bad CSS-Dad Jokes (II)

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


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.

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.



I am preparing even more terrible CSS jokes. In the meantime, check out the previous post with CSS dad jokes.

Top comments (0)