タグ まとめサイト
人気順 5 users 10 users 50 users 500 users 1000 users無限スクロールは考慮することが多い
毎年無限スクロールの実装をしているのだが正直なところ実装したくないので依頼されたときの反論材料として実装したくない理由を言語化しておこうと思う。 無限スクロールとは 無限スクロールが何を指すかを知らない人のために解説すると、ページにコンテンツを足す方式でページネーションする UI を指している。例えば ... 続きを読む
Googleが推奨する、SEOに最適な無限スクロールをjScrollで実装する – TOACH
今や少し下火になってきている無限スクロール、昔はホットだった。Facebookが使ってるんだし俺らも使おうぜ!ってな感じで、その実装方法が乱れ飛んだのも今は昔。 で、この技術、SEOに最適な実装方法というのがある。Googleが2014年末に投稿したブログに従えば、ちょっと気をつけて実装しないといけないってことが分かる。 今回はその方法を解説する。まずはjScrollというjQueryプラグインで... 続きを読む
【要チェック】無限スクロールで確認したい10個のメリット、デメリットまとめ - Photoshop VIP
シングルページを利用したウェブサイトが大きなデザイントレンドになっています。特に豊富なコンテンツが用意されている場合が多く、ありがたいことに無限スクロールテクニックを利用することで、デザイナーはコンテンツを無限に並べつづけることができます。 このテクニックは一部のサイトやコンテンツ種類にも最適ですが、他のウェブサイトでは扱いにくく、悩みのタネになるのも事実です。新しいデザインテクニックだからとすぐ... 続きを読む
Tumblrの省メモリーな無限スクロール - 記録
無限スクロールまたはauto pagingと呼ばれるUIには、読み終えたコンテンツがどんどん画面の上のほうに溜まっていってメモリーを食い潰すという問題がある。 なかでもTumblrは画像などのコンテンツが多いため、ダッシュボードダイバーたちは無限Tumblrユーザースクリプトなどのユーザースクリプトをインストールして、読み終えたコンテンツを定期的にページ上から自動削除するといった対策を講じていた。... 続きを読む
無限スクロールの問題点と解決方法 - 記録
無限スクロールとは、ページの下部までスクロールすると自動的に新しい要素が追加される機能のこと。TwitterなどのSNSのタイムラインを初めとして様々なウェブサイトで使われているが、いくつかの問題点も指摘されている。 無限スクロールのよく知られた問題点と、それに対する解決方法をまとめた。 permalinkが取れない 同じページに次々と新しい内容が継ぎ足されていくので、いま自分が見ているページのU... 続きを読む
[JS]これスゴイよ!スクロール時にさまざまな楽しいエフェクトを与えるスクリプト -ScrollMagic | コリス
スクロールに合わせて、さまざまなアニメーションをシンクロさせるjQueryのプラグインを紹介します。 Appleのプロダクトページのように次々に要素を表示したり、簡単にパララックスを加えたり、特定の要素をスクロール時にピンで留めて表示したりなど、スクロール系のエフェクトは全部できてしまう感じです。 スマフォなどレスポンシブ対応はもちろん、水平スクロール、無限スクロール、div要素の内側のスクロール... 続きを読む
世界で最も美しくSEOに適した無限スクロールを実装するサイト、QUARTZ (qz.com) | 海外SEO情報ブログ
[対象: 上級]この記事では、非常に華麗な無限スクロールを実装しているサイトを紹介します。美しく、見やすい、SEOも考慮できた QUARTZ の無限スクロールそのサイトは、ニュースメディアサイトの QUARTZ です。「百聞は一見にしかず」で、実際に QUARTZ に訪問して見てください。注目してほしいのはブラウザに表示されるURLです。無限スクロールで下がっていくと、今あなたが見ている記事に対応... 続きを読む
Google ウェブマスター向け公式ブログ: 検索エンジンとの相性を考慮した無限スクロールのベストプラクティス
検索エンジンとの相性を考慮した無限スクロールのベストプラクティス 2014年2月21日金曜日 | 17:46 ご自身のサイトのニュース フィードやピンボードで、ユーザーの利便性を考えて無限スクロール(英語)を使用している方もいらっしゃるでしょう。しかし、Googlebot に対してとなると話が変わってきます。無限スクロールでは、クローラーがユーザーの行動(スクロールやボタンを押してさらにアイテムを... 続きを読む
「SEO的に優れた無限スクロールの実装方法」Googleからのアドバイス::SEM R (#SEMR)
「SEO的に優れた無限スクロールの実装方法」Googleからのアドバイス Googleが検索エンジンに配慮した無限スクロールの導入方法を公式ブログでアドバイス。クローリングできるようページ分割したものを用意するのが原則。プログレッシブ・エンハンスメントを前提に設計しよう。 2014年02月14日 02:16 | Google 2010-2014, SEO(検索エンジン最適化) | TrackBac... 続きを読む
ASCII.jp:Facebook風の無限スクロールが作れるinfinite scroll|こうめの“これから使える”jQueryプラグイン
圧倒的な人気を誇るJavaScriptのライブラリー「jQuery」。サイトに効果をあたえるプラグインが多数あることが魅力ですが、そのプラグインを探すことがWeb制作者の手間になっています。本連載では、「こうめ」さんこと大竹孔明さんがおすすめのプラグインと実装方法、実装例を紹介します。(編集部) 今回紹介するプラグイン infinite scroll 「infinite scroll」は、スクロー... 続きを読む
なぜEtsyでは無限スクロールは失敗したのか – U-Site
要約: 「ユーザーがページに滞在してコンテンツに関わる時間が長くなる」といわれる無限スクロールを採用したものの、うまくいかなかったというEtsyでの事例から、その教訓を読み解きます。 HCD新人部員のTです。 1年以上前の記事ですが、「Pinterestによってもたらされた、6つの重要なWebデザインとユーザビリティにおけるトレンド」という下記の記事を読んでいました。 該当記事:6 Importa... 続きを読む
要素を無限スクロールさせるjQueryプラグインいくつか - かちびと. net
必要になるかも知れないので、 今のうちにかき集める作業です。 よくみる無限スクロールサイトを 実装できるjQueryプラグインです。 あんまり使ったこと無いので 注意点なんかのメモ書きもして おきます。 というわけでいつもの自分用メモなので、これから触る用のまとめです=オススメプラグインとかじゃないです。無限スクロールと言っても要素が無くなれば止まります。当たり前ですが。 Tumblrとかギャラリ... 続きを読む
ボックス要素を綺麗に整列出来るjQueryプラグイン・jQuery MasonryにInfinite Scroll(無限スクロール)機能を加えたサンプル - かちびと.net
必要になってjQuery Masonryのサイトに出向い たらいつのまにかInfinite Scroll機能(スク ロールで次ページを読み込むやつ)が追加され ていたのでちょっと触ってみました。まだ使う 機会はありませんけど、なんとなくこのUIを よく見かけるのでメモ的に記事にしておきます。 jQuery Masonryはボックス要素をレンガのように敷き詰めてレイアウトを組めるようにするjQuer... 続きを読む
ある要素までスクロールしたら特定の関数を実行するためのjQueryプラグイン『jQuery Waypoints』 - IDEA*IDEA ~ 百式管理人のライフハックブログ
これ、いつか使いそうだからメモ的にエントリー。特定の要素までスクロールしたらある関数を実行する、という処理ができるjQueryプラグインですね。うまく使えば「無限スクロール」「スクロールしても常にメニューを表示」なんてことが実現できちゃいますよ。↑ 表示位置を検出してスクロールしたら広告表示、なんてのもOK。実装も簡単そうだし、ご興味のある方はどうぞ。» jQuery Waypoints 続きを読む
サイト作りに使えるインターフェースのパターンが満載!『UI Patterns』 - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
サイト作りに使えるインターフェースのパターンが満載!『UI Patterns』 November 25, 2007 12:28 PM written by Gen Taguchi ここのデザインどうしようかなー、というときに使えそうなパターンを集めたサイト。見ているだけでデザインのアイディアが湧いてきますね。タグクラウドや無限スクロールなど、最新のインターフェースを集めている点も魅力ですね。 ↑ ... 続きを読む