デザイン

デザイン

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

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
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

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

【コンビニでも使える!メルペイ初回利用1000円分招待コード】

当サイト限定招待コード:CMUTDF

 
・利用可能店舗:メルカリ、コンビニ、ドラッグストア等
・金額:1000円分
※さらにメルペイスマート払で2000円分ポイント!
 友達招待でお互いに1000円分ポイント!2人以上招待でUSJ貸し切りイベントに抽選招待も!

メルカリ-フリマアプリ&スマホ決済メルペイ

メルカリ-フリマアプリ&スマホ決済メルペイ

無料

 

ピックアップ! さらに今このキャンペーン中です↓

期間中の金・土限定でd払い利用で最大20%のdポイント還元中!
■エントリー期間:2020/2/29(土)23:59 まで
■キャンペーン期間:2020/2/24/(月)23:59 まで

 

 

Seleqtをご覧頂いた方だけに「朗報」
\当サイト限定特別クーポン/

【Uber taxi初回利用2000円オフクーポン】
JP20gd6nv7

 

以下のリンクから『プロモーション コードを追加する』で「JP20gd6nv7」を入れてください。初回利用が2000円オフになります!
※プロモコードは日本国内でのみ利用可能

 

2000円オフで登録» »当サイト限定の初回利用2000円オフのクーポンを使って登録はこちら!

 

アプリDLはこちらから↓

Uber

Uber

 

 

 

Seleqtをご覧頂いた方だけに「朗報」
\当サイト限定特別クーポン/

【UberEats初回1000円オフクーポン】
ins6je2v

 

対象店舗:マック、ガスト、スタバ、ピザハット、松屋 等
※1000円分無料で頼めます。〇〇円以上とかもナシ!完全無料でお試しOK
割引額:1000円引き

 

1000円オフで登録» »当サイト限定の初回利用1000円オフのクーポンを使って登録はこちら!

 

アプリDLはこちらから↓

Uber Eats: 地元で人気の料理をお届け

Uber Eats: 地元で人気の料理をお届け

無料

 

おすすめ新着記事

おすすめタグ