前の記事 ≪:2011年5月18日 管理人のブックマーク
次の記事 ≫:jQueyを使う場合に覚えておくと便利なChrome拡張

背景画像に更にドットパターンを合成して超カッコよくできるjQueryプラグイン「Vegas Background」

2011年05月19日-はてなブックマーク

スポンサード リンク
Documentation: Overlay - Vegas Background jQuery Plugin

背景画像に更にドットパターンを合成して超カッコよくできるjQueryプラグイン「Vegas Background」。
背景画像を大きくサイトに使う場合に、単に写真を使ってもカッコイイのですが、ドットパターンを合成してよりカッコよくすることが出来ます。
その昔、Photoshopで画像にテレビに写ったような走査線を入れるようなプラグインが流行ったりしましたが、そういう処理は今やjQueryでやる時代のようです。

大きい写真を背景に使ったデザイン。
画像が小さくてもブラウザサイズに応じて引き伸ばしてくれる機能もついてます。



拡大してみると、まぁこれでも十分カッコイイんですけど、パターンを追加してみましょう。



次のようにオーバーレイで表示されます。なんとなくいい感じですね。背景画像への適用ということで背景画像が全体にうまくなじむ感じでしょうか。
言葉では言い表せない良さがあります。「そんなのうまく言い表せるよ」、という方は @phpspot_kj までツイート下さい。



別パターンのオーバーレイ画像。これもカッコイイですね・・・。



他にも標準で15種類のパターンが用意されています。自分でPhotoshopで作ってもOKですね。



使い方も超簡単です。



案件もないのに新しくデザインを作りたくなってしまうかもしれないプラグインですね。

関連エントリ
関連の記事検索:jQuery, 背景画像, プラグイン, JavaScript, 画像, Web制作
スポンサード リンク

By.KJ : 2011年05月19日 09:02 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)