タグ

2013年4月3日のブックマーク (2件)

  • jQueryでサムネイル付きスライドショーをシンプルに作成する方法|BLACKFLAG

    以前にここで「jQueryでシンプルなサムネイル付き画像ビューアーを作成する方法」と題して、 jQueryでの画像切替ビューアーを紹介しましたが、 これを応用して、自動で画像エリアが切り替わる シンプルな画像スライドショーを作ってみたのでご紹介。 まずは動作のサンプルから。 ※全体構成は以前の記事の物と同じにしてあります。 jQuery SIMPLE SLIDESHOW【SAMPLE1】 4枚の画像が自動でクロスフェードしてスライドショーとして切り替わり、 下部に並べてあるサムネイルをクリックすることで 特定のビジュアルに切り替えることも出来ます。 全体構成についてHTMLから。 ◆HTML <div id="slideshow"> <div> <div><a href="#1"><img src="img/photo01.jpg" width="400" height="300" alt

    jQueryでサムネイル付きスライドショーをシンプルに作成する方法|BLACKFLAG
  • SEOを知るためにチェックしておきたいGoogleの公式ドキュメントまとめ

    SEOについて学ぶための書籍やブログなどは多数あり、それぞれ内容も充実しているのですが、あわせてGoogleによって公開されているドキュメントを読んで見ることをおすすめします。 この記事では、Googleによる公式ドキュメントをまとめて紹介します。 1.検索の仕組み 検索の仕組み – 検索サービス – Google どのようにGoogleが動いているのか仕組みが解説されています。 クロール、インデックス、アルゴリズム、スパム対策、ポリシーとそれぞれ解説されているのですが、どれも外せない要素です。 以下のようなインフォグラフィックスも用意されています。(クリックすれば該当のページに飛びます) さらに検索のアルゴリズムがどう実装されているかが説明されています。41,831件の検索評価担当者のフィードバックから、テストを繰り返して、実際に実装されるのは538件とのことです。2011年度の実績値だ

    SEOを知るためにチェックしておきたいGoogleの公式ドキュメントまとめ