TOP  >  javascript , WebDesign  >  すぐに使える実用的なjQueryテクニックとチュートリアル集「15 Useful jQuery Techniques and Tutorials for Developers」
2013年11月13日

すぐに使える実用的なjQueryテクニックとチュートリアル集「15 Useful jQuery Techniques and Tutorials for Developers」

以前に比べWebサイトはよりクリエティブな仕掛けや見せ方が求められるようになってきていますが、実際に一からJSを組んでいくとなると時間が掛かってしまうものです。今回はそんな時に役立つ、すぐに使える実用的なjQueryテクニックとチュートリアルをまとめたエントリー「15 Useful jQuery Techniques and Tutorials for Developers」を紹介したいと思います。

15ujtatfd_3
Flyout Image Slider Using jQuery & CSS3 – Webstuffshare – Learn and share. The simplest harmony.

どれもすぐに取り入れることができる実用的なものばかりですが、その中でも特に気になったものをピックアップして紹介したいと思います。

A Beautiful Apple-style Slideshow Gallery With CSS & jQuery | Tutorialzine
AppleのWebサイトに使われていそうな美しいサムネイル付きのスライダー。サイトを華やかに見せることができそうです。

15ujtatfd_1
 
 
 
 
 

Quick Feedback Form w/ PHP and jQuery | Tutorialzine
PHPとjQueryで実現する簡単なフィードバックフォーム。サービス系のサイトには是非設置したいですね。

15ujtatfd_2
 
 
 
 
 

Making Draggable Webpage Elements using jQuery – DesignM.ag
マウスでドラッグ&ドロップできるオブジェクトを配置するチュートリアル。このような仕掛けを設ければ、より面白いサイトに仕上げることができるのではないでしょうか。

15ujtatfd_0

これらのテクニックやチュートリアルを取り入れれば、より短時間で高品質なWebサイトに仕上げることができると思います。サイトに動きや仕掛けを与えたい方は是非原文もご覧ください。

15 Useful jQuery Techniques and Tutorials for Developers – DJDESIGNERLAB

posted 09:00  |  
Category: javascript , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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