skuare.net

Tweet

jQuery まずは本家。UIも便利ですね。
　・jQuery: The Write Less, Do More, JavaScript Library
　・jQuery UI - Home

jQuery Mobile jQuery Mobile | jQuery Mobile
あえて分けましたが、jQuery　Mobile。
スマフォ制作では主流となっています。
下記はjQuery Mobileを使ったデザインや簡単に試すことができるサイトです。
　・jQuery Mobile Examples - JQM Gallery
　・jQuery Mobileを触りながら覚えよう！ - jsdo.it - Share JavaScript, HTML5 and CSS

日本語の参考サイト 最近では一気に日本語の参考サイトが増えましたね。
【基礎&リファレンス】
　・jQuery 日本語リファレンス
　・jQuery - StackTrace
　・ASCII.jp：40分で覚える！jQuery速習講座

【プラグインとか紹介しているサイト】
　・Jquery - かちびと.net
　・サイト構築 -JavaScript | コリス
　・jQuery :: 5509
　・jQuery[to-R]
　・jQuery 483 プラグイン：skuare.net

英語の参考サイト とはいえ、英語のほうがやはり盛んなので、なんとなく理解できる人は下記のようなサイトを見るのが良いと思います。
　・Jquery | Codrops
　・jQuery4u | jQuery Blog for Latest News, Plugins, Tutorials
　・jQuery for Designers - Tutorials and screencasts
　・JavaScript & AJAX | Nettuts+

プラグイン＆TIPS
jQueryといえばプラグインで簡単にリッチなエフェクトをかけることができます。
そこで、よく見るような気がするプラグインとTIPSは下記です。
　・jQuery Easing Plugin
　　（単体ではあまり使われませんが、多くのサイトで導入されているエフェクト）
　・Animated Scroll to Top（ページトップにスクロール）
　・少しのコードで実装可能な20のjQuery小技集 | Webクリエイターボックス
　・JQuery Cycle Plugin（スライドショーが簡単に）
　・Supersized - Full Screen Background Slideshow jQuery Plugin（フルスクリーンのギャラリー）
　・jQuery.ScrollTo（スライドさせる。海外では横スクロールなどにも使用されている）
　・Fancybox - Fancy lightbox alternative（いわゆるLightBox系）

ここまでできる jQuery使ってこんなことできますよっていうサンプル
　・cultural solutions uk（jQuery Parallaxを利用したサイト）
　・Rotating Image Slider with jQuery & CSS3
　・jQuery Feature Carousel | Brian K Osborne

CDN
Contents Delivery Networkってやつで特定のとこからjsを読んで読み込みを早く出来る。
jQueryでは主なとこで本家、Google、Microsoftなどから読み込むことが可能です。
　・jQuery google api and other google hosted javascript libraries. - ScriptSrc.net
　・CDN Catalog

その他 はてブでskuare.net内の人気だったjQueryプラグイン記事
　・簡単！本をめくるような表現を実現するjQueryプラグイン「Viewbook」
　・[チュートリアル]jQueryでページの所定位置まで来たら要素表示 via could
　・魅せる画像スライドショーJavaScript「jQuery GalleryView」
　・div要素もリンクにするjavascript「jquery.biggerlink」
　・スクロールしてもついてくる！のJavaScript「jQuery Scroll Follow」

コメントする

記事作成：2011年6月29日 10:13