Lazyloadを使ってみる【上級編】
検討編、初級編、中級編を経て最終の上級編です。
私が制作したテンプレートを利用していることを前提とした記事内容です。
検討編では「Lazyloadingを導入するかしないかの判断」
初級編では「テンプレートに導入済みのLazyloadingを個別記事でも利用する方法」
中級編では「関連記事リストと新着記事リストにも適用する方法」
を説明しました。
今回の上級編では html5 picture要素の使い方とLazyloading用ブログカー...
Behavior - FC2ブログテンプレート
Behaviorテンプレートはレスポンシブウェブデザインです。
パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。
スマートフォン版を非表示にしてご利用ください。
設定ページ...
FC2ブログでレスポンシブテンプレートを正しく使う方法
FC2ブログは数多ある公式・共有テンプレートから気に入ったものを無料で選択・利用できるようになっています。
テンプレート配布ページ
説明文の中に レスポンシブ という文言の付いているテンプレートが最近ではたくさんありますよね。
何故それが説明内に書いてあるかというと 非常に大事な特徴だから 書いてあります。
伝える必要の無いものであれば最初から書いてない。
レスポンシブの意味を知らなくても...
Donna - FC2ブログテンプレート
Donnaテンプレートはレスポンシブウェブデザインです。
パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。
スマートフォン版を非表示にしてご利用ください。
設定ページ...
Lazyloadを使ってみる【初級編】
画像の遅延読み込み、一般的に Lazyload といわれるものですが、こちらを実際に使ってみようの巻 (´・ω・｀)
手順及び説明など全て、私が制作したテンプレート上での作業であることが前提で、他製作者様テンプレートに関する言及は一切ありません。
また、ご質問についても私のテンプレートをご利用頂いているユーザー様に限定させて頂きますことを予めご了承ください。
一部汎用的に使える内容もありますが、ご紹介...
レスポンシブとアダプティブはまたちょっと違うんだよ
先日「FC2公式レスポンシブテンプレートが全然レスポンシブじゃない。」
というクソ生意気な発言をしたのですが。
それでもスマートフォンではちゃんと収まり良く仕上がっているので、じゃあレスポンシブでないなら何なんだ、と。
アダプティブデザイン ですね。狭義にはなりますが (´・ω・｀)
レスポンシブとアダプティブ、どう違うねん！
という内容ですけれどもそんなに深くは突っ込まない記事 ←...
モバイルフレンドリーの目的はテストに合格することではない
モバイルフレンドリー という昨今では大変重要な概念があります。
みなさんよくご存知の通り、スマートフォンで正しく、問題なく閲覧できるかどうか という意味ですね。
モバイルフレンドリーテストツール
上記のようなテストページもあるわけなんですが、
テストに合格することはフレンドリー化の手段であって目的ではない
というお話し。啓蒙ですね (´・ω・｀)...
FC2ブログでのLazyload導入の仕方と注意点【検討編】
Lazyloadは自分との闘いです(笑)
まず最初に、初心者向け説明記事ということで、なるべく平たく細かく説明できれば良いな、と思います。
「Lazyloadが何か知らない。読み方もわからない (∵`) 」を出発点にして自ら説明のハードルを上げるワタクシ((((笑)
説明すべき点がたくさんありますので、かなりの長文になりますから記事も数回に分けようと思います。
導入の具体的な手順は最終の記事にしますので、それまでの説...