悪い CSS - お父さんのジョーク-CSSチュートリアル-php.cn

ホームページ

ウェブフロントエンド

CSSチュートリアル

悪い CSS - お父さんのジョーク

王林

Sep 06, 2024 pm 02:30 PM

CSS を扱う父親として、Web 開発と CSS に関する悪い父親のジョークを言い始めるのは時間の問題でした (それは私がずっとやってきたことではないでしょうか?)

それでは、本当にひどい CSS お父さんのジョークを集めてみました。すでに何人かが comicCSS サイトにアクセスしています。他の人は、遅かれ早かれ漫画として完成するかもしれません。オリジナルのものもあれば、既存のオヤジジョークをアレンジしたものも多くあります。それらはいずれも AI によって生成されたものではありません。それらはどれも素晴らしくひどいものです...そして残念ながら (あなたにとって)、あなたは (疑わしい) CSS の楽しみを味わうことになります!

この記事に付随するすべての図は HTML と CSS です。入手可能な場合はソースコードにリンクします。

それでは...

CSS 開発者の好きな飲み物は何ですか?
:ルートビア。

Bad CSS-Dad jokes

これは PG バージョンであることを認めざるを得ません。先日このジョークをオンラインで共有した後、Web 開発者にも役立ついくつかの代替案を入手しました。

濃い .coffee { フィルター: なし }
ドンペリニヨン
フレックスボックスワイン

ニワトリはなぜ巣を渡ったのですか?
他のサイトにアクセスするには。

彼ら全員が勝者になるわけではありません...実際...彼らのほとんどはまったく勝者にはなりません。

アニメーションの方向: 逆を使用する場合の私 (父親)
「ああ！これで元に戻ります。」

ネガティブなアニメーション遅延についてのジョークを言おうと思っていました...
しかし、あなたはそれを理解できませんでした。

Bad CSS-Dad jokes

なぜ CSS ファイルは服を買いに行ったのですか?
新しいスタイルが必要でした。

SVG のお気に入りのテレビ司会者は誰ですか?
ドクター・フィル。

なぜ Web 開発者は div を調整できなかったのですか?
グリッドから外れて配置されていたためです。

なぜ Web 開発者は信頼の問題を抱えているのですか?
ダークグレーだから。

OK、これには実際にはオチがありません (とにかくオチはありますか?) しかし、それは本当です: CSS では、 DarkGray は Gray よりも軽いです。それは興味深いことに迷惑です。 CSS に関するもう 1 つの奇妙な事実: 太字のフォントの太さは、太字のフォントの太さよりも軽くなる可能性があります。なぜなら...CSS?

CSS 開発者はなぜいつも悲しいのでしょうか?
決して空中に浮くことはありません。

私はつい数週間前に、この漫画に代わる漫画を最近投稿しました。ここでライブデモとソースコードを見つけることができます。

Web 開発者はなぜ流れるプールに行くのをやめたのですか?
彼らは浮くのが嫌いでした。

Bad CSS-Dad jokes

CSS 開発者はどのようにして常に最新の状態を保っているのですか?
z-index: max(Infinity);
を使用します。

私はサイト上でこれの代替案も作成しました (ソースコード)。仕上がりはきれいで、木の質感（CSSでも）がよく表現されていると思います。

CSS ファイルが冷たいと感じないのはなぜですか?
常に追加の @layer があるためです。

なぜ人々は Web 開発者を避ける傾向があるのですか?
なぜなら、彼らはいつもただ曲げているだけだからです。

CSS 開発者は素晴らしいダンサーです。
彼らはすべての手順を知っています()

Bad CSS-Dad jokes

電球を交換するには何人の CSS 開発者が必要ですか?
なし。これはハードウェアの問題です。

電球を交換するには何人の CSS 開発者が必要ですか?
なし。ダークモードでも問題なく動作しています。

電球を交換するには何人の JavaScript 開発者が必要ですか?
1つ。ただし、すべてを処理するには、node_modules、TailwindCSS、lefty-loosey-righty-tighty.js ライブラリの独自の実装、および最新の MacBook Pro に 5GB が必要です。結果の JS ファイルは 8MB になり、部屋に Chrome がある場合にのみ電球を交換します。