デザイン

デザイン

PR

コードスニペットのおもしろい一面

speckyboy

Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web.

本記事は、The Silly Side of Code Snippets
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

1,707 views

読了時間 : 約2分50秒

時々、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コレクションをご覧ください。

おすすめ新着記事

おすすめタグ