時々、Webデザインを見ていると、考えさせられることがあります。 考えることによって何かを得るのは良いですが、常に考えていると疲れてしまいます。長い時間、見るものではありませんね。
面白いものを作ることは、楽しくて素晴らしいことです。 ストレスを和らげて、興奮をもたらすことができる最も簡単な方法です。 また、仕事のプレッシャーなしで新しいテクノロジーを学べる機会でもあります。
これからユニークさとユーモラスさを兼ね備えたコレクションを紹介していきます。読み終えた後は、どのコレクションも楽しかったと言えますよ。さぁ、始めましょう。
Make It Rain
陽気な絵文字が空から落ちてくる世界です。この楽しいスニペットはJavaScriptを使用して、ランダムな顔、動物、オブジェクトが画面上を移動するようにしています。
See the Pen
EMOJI Rain by Robert Heiser (@robertheiser)
on CodePen.
Pig Latin Translator
Webは世界中の人々に使用されています。そのため、言語翻訳が重要です。ただし、ピッグラテン語に翻訳することは、さほど重要ではありません。でも、楽しいですよ。
See the Pen
Pig Latin Translator by Chazona Baum (@chznbaum)
on CodePen.
Misfortune Cookie
これは、ユーモラスを提供します。フォーチュンクッキーをクリックして、アドバイスとラッキーナンバーをもらいましょう。
See the Pen
Fortune Cookie by Jon Kantner (@jkantner)
on CodePen.
Security as Entertainment
今の時代、ソーシャルメディアやスパムを避けるのはかなり難しいです。この偽のログインフォームは、楽しく安全な体験を提供します。さぁ、身を引き締めましょう。
See the Pen
Giphy Captcha by Fumie Wada (@hotate17)
on CodePen.
Funny Face Generator
ランダムな方法は、設計や開発、セキュリティを強化することから、より興味深いものを作成するためにも利用されています。これは、書面から画像を生成するContext Freeと呼ばれるライブラリを使用します。顔をクリックすると、ランダムで新しいセットを作ります。
See the Pen
faces by Gerard Ferrandez (@ge1doot)
on CodePen.
Gassy Rhino
大きな生物が歩いているイメージは、モナリザほど優雅ではないかもしれません。しかし、GSAPアニメーションライブラリを試してみてください。カメバージョンもあります。
See the Pen
Farting Rhino by Sarah Drasner (@sdras)
on CodePen.
Retro Joke Interface
誰もが古いテクノロジーを愛しています。しかし、さらに愛しているのはジョークを言う時代遅れの技術です。この旧式のコンピューターの「ファイル」をクリックしてみて下さい。
See the Pen
Computer Jokes | CodePenChallenge by Andrew Wilson (@paragonsoldier)
on CodePen.
Twitterのようなものですが、お父さん専用
「お父さんのジョーク」はゆっくりと広まっています。人は父親になると、なぜかユーモアを求め始めます。母親はうんざりし、子供たちは（時々）笑います。これは、笑いを提供する目的をもったTwitterのようなものです。
See the Pen
New Twitter 2019 but for dad jokes #cpc-dad-joke #codepenchallenge by Hussard (@hussard)
on CodePen.
笑いと創造性
笑いは最高の薬であると長い間言われてきました。創造性が刺激され、脳がリフレッシュされたなと感じる時、その言葉は本当かもしれないと思います。
上記のコードスニペットは、Webデザイナーにとって仕事に対する愛情を思い出すきっかけになります。楽しむためだけに何かを作成するとき、日頃どれだけ自分の仕事を楽しめているか考えさせられます。だから、たまにはこのようなWebデザインを見ます。心に良いことであり、日常生活に活気を取り戻すことができます。
さらに笑いが必要な人は、CodePenコレクションをご覧ください。
おすすめ新着記事
おすすめタグ