いますぐハロウィンを楽しもう！

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.

本記事は、Get into the Halloween Spirit with These Spooky Snippetsを
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

1,727 views

読了時間 : 約3分2秒

近年ハロウィンは変わってきました。もともとは子供がお菓子をもらうためのイベントでしたが、現在は大人の広大な遊び場でもあります。ハロウィンに熱中している人を見つけることは難しくありません。彼らは大抵自分の家をお化け屋敷のように飾り付けているのです。

そしてウェブデザイナーはハロウィン熱に対して免疫がありません。自分のウェブサイトをまるで前庭のように飾り付けている人もいます。

これは最新のWebテクノロジーを恐ろしいものに変える、いくつかの創造的な例を見てみる絶好の機会です。明かりを消して、心の準備ができたらウェブデザイナーのおもしろいハロウィンをのぞいてみましょう！

ホッケーマスクに注意

See the Pen
Masks Challenge Week 2 by Kevin Lehtla (@bleedeagle)
on CodePen.

ハロウィンをホラー映画のオマージュだと言う人はいないでしょう。ホッケーマスクは13日の金曜日のシンボルで、一目で認識できます。マスクの下に降りてくる赤いものは決してKool-Aidではありませんよ！

フレンドリーなゴースト

See the Pen
Shy Ghost by Anthony Simone (@anthonysimone)
on CodePen.

ゴーストの中には、あなたが彼らを怖がっているよりももっと私たちのことを怖がっているものがいることを知っていましたか？本当ですよ。この恥ずかしがり屋のにっこりしているゴーストを見てください。カーソルを合わせると穴の中に消えてしまいますよ！嬉しいことに、彼は数秒後にはスクリーンのどこかに再び姿を現します。結局のところ私たちは無害なのです。

不気味な相棒を選ぶ

See the Pen
Halloween Switcher by Diogo Gomes (@diogo_ml_gomes)
on CodePen.

世の中にはたくさんの素敵なトグルスイッチがあります。でも、ジャックオーランタンからバンパイアに変わるものは見たことがありませんよね？ところが、ここにテーマにピッタリ合うものが。

ゴーストハンティング

See the Pen
Reaction Waves 3 by Liam Egan (@shubniggurath)
on CodePen.

このスニペットは正式なハロウィンのものではありませんが、とても怖いのは確かです。これはThree.js.を使ったエックス線写真のような動く背景です。マウスを動かすと、暗闇の中の光のビームのように背景が照らされます。さらに不気味なのは、全てがクリックに反応することです。…私たちは怖くありませんよ…怖がっているのはあなたです！