JavaScript+Ajaxでサクサク動くサイトを作ろう!

~ JavaScript + Ajax 実践サンプル ~ 新着サンプル(vol.101)

─────────────────────────────────
~ JavaScript + Ajax 実践サンプル ~ 新着サンプル(vol.101)
\____________          http://jsajax.com/      
  2011/07/07 発行 vol.101 \__________________


■〔0〕はじめに

■〔1〕JavaScript実践サンプル 新着サンプル

■〔2〕編集後記


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■〔0〕はじめに
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

ご無沙汰しております。

本業のインターネットビジネスが
忙しくてメルマガ書けませんでした。

約2ヶ月ぶりの配信になります。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■〔1〕JavaScript実践サンプル 新着サンプル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

今日アップした新着サンプルとイメージをスライドさせる
サンプルをまとめて紹介します。

はじめに、今日アップしたサンプルです。

◆YouTube Data APIを利用してYouTubeの動画を検索して表示する
http://jsajax.com/Articles/youTubePlayer/2044

このサンプルは、YouTubeのData APIとjQueryを利用して
キーワードで検索した動画をサムネイルで表示します。

動画のサムネイルをクリックすると動画が再生されます。

「cats」の動画も面白いのですが、「dogs」を入力して検索してみてください。

面白い動画が見れます。


続いて、イメージをスライドさせるサンプル集です。
アルバムなどを表示させるときに利用すると便利です。

◆jQueryでグリッド型のサムネイルを表示するスライドショー
http://jsajax.com/Articles/jQueryMinimalisticSlideshowGallery/2000

◆jQueryのPiroboxプラグインでサムネイルをズームインする
http://jsajax.com/Articles/jQueryPirobox/1911

◆jQueryのInfiniteCarouselでイメージを横にスライドさせる
http://jsajax.com/Articles/jQueryInfiniteCarousel5/1892

◆jQueryのgallerifficプラグインでイメージギャラリーを組み込む
http://jsajax.com/Articles/galleriffic/1405

◆jQueryのinfiniteCarouselプラグインをイメージを継続して回転させる
http://jsajax.com/Articles/jQueryInfiniteCarousel/1375

◆jQueryのcolorboxプラグインでスライドショーを表示する
http://jsajax.com/Articles/jQueryColorBox/1371

※今日紹介したサンプルは、「このサンプルを編集して試してみる」を
クリックして拡大すると見やすいです。


━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■〔2〕編集後記
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

facebookはじめました。

今のところ、友達が138人です。

よろしければ友達になりませんか?

⇒ http://www.facebook.com/akio.kasai

今日紹介したサンプルは、
共著「JavaScriptプログラマのためのWebデザイン入門」
に収録されています。

このサンプルのイメージは、
無料のGIMPを利用してデザインしています。

GIMP、jQueryなどすべて無料のツールを利用して
今回紹介したサンプルが作成できます。

↓からGIMPの動画が見れます。

⇒ http://bit.ly/aNYx9E


─────────────────────────────────
   JavaScript + Ajax MailMagazine
─────────────────────────────────
【発行責任者】葛西 秋雄 ak{at}jsajax.com({at}を@に変換要)
【登録・解除】http://www.mag2.com/m/0000270581.html 
 本メールに掲載された記事・情報を許可なく転載することを禁じます。
─────────────────────────────────
  Copyright(C) 2011 Akio Kasai, All Rights Reserved.
─────────────────────────────────


このメルマガは現在休刊中です

ついでに読みたい

このメルマガは
現在休刊中です

他のメルマガを読む