ページ背景でスライドショーを行うためのjQueryプラグイン。Bodyとか大きめDivに背景指定する事を目的としたものです。表示エリアが大きい場合、背景に指定する画像サイズを大きくする事が多いけど、その場合サイトロードの際のファイルサイズが大きくなってしまいます。そこで使われるのがオーバーレイ用の透過PNG。背景画像の上にドットとかストライプの透過画像が乗ると、なぜか画像の粗さがごまかされるんですね。プラグイン一式をダウンロードすると、ソレ用の透過画像も数種類含まれています。また可変エリア内で動画再生を行う時にもこの手法はよく使われますが、これらの透過画像はそうした目的への応用もできそうです。トランジションの種類も多く、使い勝手良さそうです。
CSS3を使った様々なアニメーションのコードスニペットを紹介するサイト。サイト内の角丸四角にマウスオーバーするとアニメーションをプレビューでき、目玉のアイコンをクリックでコードを見る事ができます。また「＋」マークを使って複数のアニメーションを選択する事で、アニメーションのコードをまとめて生成する事もできます。アニメーション関連のCSSフレームワークとしても使えますね。
Webサービスでよく使われる、人かBotかを判別するためのキャプチャ入力する画面のメタルバージョン。実在するバンドのロゴが出てくるので、それを読んでアルファベット入力すると次の画面に進めるというもの。ただし普通のメタルバンドはほとんどなく、デスメタルやブラックメタルなどのいわゆるロゴがグチャグチャ系のものばかり出てきます。メタル野郎的に「こんなの楽勝じゃんかよ！」って思ったものの、MayhemとかSuffocationとかMorbid AngelとかAt the Gatesとか、このへんのメジャーどこならすんなり行くんだけど、マイナーなバンドが出てくると完全にお手上げでした。いやもうこれ可読性低すぎるだろｗｗｗってロゴがバンバン出てきます。わたくしもう20年選手のメタル野郎なんですが、それでも結構分かんないの多かったです。世間は広いですな。ちなみにEmbedに対応していて、実際のWebサービスでこのキャプチャを使う事もできるようです。読めなくてユーザー離脱率はんぱなさそうなのであまりオススメはできませんがｗ
