[B! 読み込み] tuffgong57のブックマーク

tuffgong57 id:tuffgong57

読み込みに関するtuffgong57のブックマーク (3)

プリロードやローディング画面を簡単に実装できるjQuery.ImgLoaderの使い方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、おじいちゃんです。今回は簡単にプリロードやローディング画面を実装できるjQuery.ImgLoaderの使い方をご紹介したいと思います。 jQuery.ImgLoaderとは多くの画像やWebフォントを使うサイトを作成する場合、ロードにかかる時間が長くなり、デザインが反映される前の状態をユーザに見られてしまうことがあります。デザインは綺麗な状態を見てもらいたいですよね。そんなときはローディング処理を簡単に実装できるjQuery.ImgLoaderを使って、ローディング画面を作ってあげましょう。jQuery.ImgLoaderは画像のプリロードを行うライブラリなのですが、ローディング画面も実装することができます。準備まずはImgLoaderを使うための準備をします。下記URLからダウンロードしてみましょう。 https://github.com/Takazudo/j
tuffgong57 2015/05/29
アニメーション

jQuery

ロード

読み込み
リンク
[JS]ページを表示する時にかっこいいアニメーションを加えるスクリプト（WordPressにも対応） -Animsition
ページを表示する時に、スライド、フェード、回転、ぱたりなどのかっこいいアニメーションを加えるjQueryのプラグインを紹介します。アニメーションは表示する時だけでなく、リンクがクリックされて離れる時にも適用することができます。 Animsition Animsition -GitHub AnimsitionはWordPressのプラグインとしても用意されているので、WPを使っている時はプラグインの方が簡単に利用できると思います。 Page Transition -WP Plugin Directory Animsitionのデモ Animsitionの使い方 AnimsitionのデモデモはChrome, Safari, Firefox, Opera, IEは10+でご覧ください。 demo: fade エフェクトは全部で18種類！その中からデモで、9種類が楽しめます。 demo:
tuffgong57 2014/08/29
jQuery

JavaScript

アニメーション

jQueryプラグイン

読み込み
リンク
「SEO的に優れた無限スクロールの実装方法」Googleからのアドバイス ::SEM R (#SEMR)
「SEO的に優れた無限スクロールの実装方法」Googleからのアドバイス Googleが検索エンジンに配慮した無限スクロールの導入方法を公式ブログでアドバイス。クローリングできるようページ分割したものを用意するのが原則。プログレッシブ・エンハンスメントを前提に設計しよう。公開日時：2014年02月14日 02:16 米Googleは2014年2月13日、検索エンジンフレンドリーな無限スクロール（Infinite Scroll）の導入方法についてのアドバイスを公式ブログに掲載した。John Mueller, Maile Ohyed, Joachim Kupkeの3人による上級者向けの投稿だ。本記事では、翻訳ではなく、軽く Google のアドバイスの要点を押さえつつ、私個人の意見を述べていく。無限スクロールとは Twitter や Facebook でも導入されているので既にお馴染みか
tuffgong57 2014/02/14
Google

読み込み

スクロール

∞スクロール

SEO

web制作

google

SEO
リンク
1