Lazyloadを使ってみる【上級編】

検討編、初級編、中級編を経て最終の上級編です。 私が制作したテンプレートを利用していることを前提とした記事内容です。 検討編では「Lazyloadingを導入するかしないかの判断」 初級編では「テンプレートに導入済みのLazyloadingを個別記事でも利用する方法」 中級編では「関連記事リストと新着記事リストにも適用する方法」 を説明しました。 今回の上級編では html5 picture要素の使い方とLazyloading用ブログカー...

Behavior - FC2ブログテンプレート

Behaviorテンプレートはレスポンシブウェブデザインです。 パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。 スマートフォン版を非表示にしてご利用ください。 設定ページ...

FC2ブログでレスポンシブテンプレートを正しく使う方法

FC2ブログは数多ある公式・共有テンプレートから気に入ったものを無料で選択・利用できるようになっています。 テンプレート配布ページ 説明文の中に レスポンシブ という文言の付いているテンプレートが最近ではたくさんありますよね。 何故それが説明内に書いてあるかというと 非常に大事な特徴だから 書いてあります。 伝える必要の無いものであれば最初から書いてない。 レスポンシブの意味を知らなくても...

Donna - FC2ブログテンプレート

Donnaテンプレートはレスポンシブウェブデザインです。 パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。 スマートフォン版を非表示にしてご利用ください。 設定ページ...

Lazyloadを使ってみる【初級編】

画像の遅延読み込み、一般的に Lazyload といわれるものですが、こちらを実際に使ってみようの巻 (´・ω・`) 手順及び説明など全て、私が制作したテンプレート上での作業であることが前提で、他製作者様テンプレートに関する言及は一切ありません。 また、ご質問についても私のテンプレートをご利用頂いているユーザー様に限定させて頂きますことを予めご了承ください。 一部汎用的に使える内容もありますが、ご紹介...

レスポンシブとアダプティブはまたちょっと違うんだよ

先日「FC2公式レスポンシブテンプレートが全然レスポンシブじゃない。」 というクソ生意気な発言をしたのですが。 それでもスマートフォンではちゃんと収まり良く仕上がっているので、じゃあレスポンシブでないなら何なんだ、と。 アダプティブデザイン ですね。狭義にはなりますが (´・ω・`) レスポンシブとアダプティブ、どう違うねん! という内容ですけれどもそんなに深くは突っ込まない記事 ←...

モバイルフレンドリーの目的はテストに合格することではない

モバイルフレンドリー という昨今では大変重要な概念があります。 みなさんよくご存知の通り、スマートフォンで正しく、問題なく閲覧できるかどうか という意味ですね。 モバイルフレンドリーテストツール 上記のようなテストページもあるわけなんですが、 テストに合格することはフレンドリー化の手段であって目的ではない というお話し。啓蒙ですね (´・ω・`)...

FC2ブログでのLazyload導入の仕方と注意点【検討編】

Lazyloadは自分との闘いです(笑) まず最初に、初心者向け説明記事ということで、なるべく平たく細かく説明できれば良いな、と思います。 「Lazyloadが何か知らない。読み方もわからない (∵`) 」を出発点にして自ら説明のハードルを上げるワタクシ((((笑) 説明すべき点がたくさんありますので、かなりの長文になりますから記事も数回に分けようと思います。 導入の具体的な手順は最終の記事にしますので、それまでの説...
    カスタマイズ Q&A 質問時の注意 テンプレート