リスティング広告運用代行正規代理店のASUE

2014年07月23日 Web制作

お洒落でカッコいいjQueryプラグインを集めてみた。

はじめまして!
今月よりASUEのデザイン担当で入社したシバタです。

ブログを書くことが久しぶりすぎて緊張しております(*´Д`)ハァハァ
このブログを通して最近のトレンドなデザインや、面白楽カッコ便利なjQueryプラグインなどを紹介できればと思っています!

早速ですが本日は最近気になっているjQueryプラグインのご紹介をしたいと思います!

jquery

そもそも、「jQueryって何?」って思う方もおられると思いますので超簡単に説明を。
一言で言うと「JavaScriptライブラリ」。じゃぁ「ライブラリって何?」ってなりますよね・・・うん・・・。

 

とりあえず難しいことは置いときます!!!!!!!!!

 

魔法を使う前の掛け声みたいなやつです!うん!!掛け声!!準備みたいな!!
例えばかめはめ波のかめはめの部分。詳しい説明はまたの機会でご紹介したいと思います。

それじゃ遅いよ!って方はこちらのサイトを参考に。
細かく説明されていてわかりやすい!デザインもキレイで読みやすいかと思います。

 

では、本題に戻ってプラグインのご紹介を。

JQuery Panorama Viewer

query-panorama-viewer

JQuery Panorama Viewer

画像をマウスでドラッグすることで横に広がっている画像を見ていくことができます。
大自然や夜景などパノラマサイズの画像をびゅーん!っと見れます!

 

ITEM BLUR EFFECT

jquery_item_blur_effect

ITEM BLUR EFFECT WITH CSS3 AND JQUERY

マウスを乗せると、乗せたアイテム以外がぼやけます。
ぼやけることによって乗せた部分だけが強調されるので、まわりのコンテンツとの差が出来て読みやすくなりますね!

 

Swatch Book

swatch_book

SWATCH BOOK WITH CSS3 AND JQUERY

スウォッチブック風メニューです。
なかなか使いどころが難しそうですが、インパクトがすごい!

 

jquery.diamonds

jquery.diamonds

jquery.diamonds.js

画像のlトリミングをダイヤの形に!
お洒落なブランドサイトなどに効果を発揮しそうですね!!

 

jquery.flatshadow

jquery.flatshadow

jquery.flatshadow.js

テキストにロングシャドウが実装できるプラグイン。
フラットデザインのアクセントにいいですね!!

 

さいごに

CSS3も交えたプラグインもご紹介しましたが、こういった効果はデモサイトでコチョコチョしているだけでワクワクしちゃいます!
しかし、この様な効果は使いどころを見誤ると本質の伝えなければならない内容がボケてしまうのも確かです。
そのサイトに合った効果や伝わりやすさを追求したデザインを心掛けたいですね。

 

shibata

shibata

印刷屋さんを2件渡り歩いてDTPやWEB制作のディレクターやデザイナーに携わり、500案件以上のデザインを行ってきました。「わかりやすい」「伝わりやすい」をモットーに日々業務を遂行しております。 現在はASUEの制作部隊の責任者兼ビール担当大臣。
TAG

RELATED POST

関連記事

ASUEの最新情報を
お届けします。

お電話でのお問い合わせ

ASUE株式会社へのお電話でのお問い合わせは0120-212-183まで! ASUE株式会社へのお電話でのお問い合わせは0120-212-183まで!

※本ダイヤルはリスティング広告認定資格者が対応いたします。

[営業時間]9:00~18:30 [定休日]土・日・祝

メールでのお問い合わせメールでのお問い合わせ

ページ上部へ戻る