TOP  >  WebService  >  jQueryで魅せる動きのテクニック「10 jQuery Transition Effects: Moving Elements with Style」
2010年03月02日

jQueryで魅せる動きのテクニック「10 jQuery Transition Effects: Moving Elements with Style」

先日「最新の使えるjQueryプラグイン集「25 Amazing and Fresh jQuery Plugins」」と言う記事で、最新の機能のjQueryプラグインをまとめたエントリーを紹介致しましたが、今日紹介するのはjQueryで動きが特徴的な魅せる動きを集めたエントリー「10 jQuery Transition Effects: Moving Elements with Style | DevSnippets」を紹介したいと思います。

jquery-01
Fluid Navigation – How to create an informative menu-bar with jQuery & CSS

スムーズに出現するフェードだったり、スライドインだったり、気持ちいい感じの動きをするjQueryのテクニックが集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

jQuery Roundabout
jQueryで表現する3メニュー。ちゃんと後ろに回りこんだオブジェクトは半透明になります。

jquery-01
 
 
 
 
 
Gaya Design – Text with Moving Backgrounds
テキストでマスキングしてmその中に背景をスクロールさせるjQuery。今まで無かった、グラフィック表現が可能になりそうです。

jquery-03
 
 
 
 
 
SlideDeck | Free Slideshow Software Download, Slide Show jQuery Plugin Javascript Library
縦型のタブメニューがついたスライダー。シンプルですが、インターフェースもよく、情報も区分けできる優れたプラグインです。

jquery-04
 
 
上記の他にも様々なプラグインが紹介されています。javascriptでここまでできるのかと思わせてくれるようなものも多々ありましたので、デザインにちょっとアクセントを加えたいと言うWEBデザイナーさんは是非どうぞ。

10 jQuery Transition Effects: Moving Elements with Style | DevSnippets

posted 04:30  |  
Category: WebService   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る