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

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

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

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

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

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

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

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

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

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

公式レスポンシブテンプレート「white_card_resp」が全然レスポンシブじゃない件

そういうのやめませんか (´・ω・`) レスポンシブって全てのデバイスに対応できて初めてレスポンシブでしょう。 比較的小さめのPC、タブレットサイズでおもっくそ横スクロールしとるやん。 スマホで見られる = レスポンシブ じゃないんですけど。 共有テンプレ作者の士気が下がるのでやめてもらえんかな。 これ業者に発注したならクレーム案件だろ。 いやちょっとびっくりしたもので(笑)...

パソコン優位主義は今すぐ捨てるべき【コンテンツが画面横幅を超過する場合の対処】

なかなかみなさんね、パソコン画面サイズとスマートフォン画面サイズが 全く違うんだ という意識が薄いように思います。 古参ブロガーさんほどそういう方が多い。 ここらで一旦「古い常識」を破棄してですね、スマートフォンを最重要とする考え方 を改めて身につけた方が良いと思います。 これから MFI のローンチも控えていますので、パソコン第一主義はもう捨てなければいけません。 MFI関連記事はコチラ ↓ ユ...

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

Crescentテンプレートはレスポンシブウェブデザインです。 パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。 スマートフォン版を非表示にしてご利用ください。 設定ページ 最終更新 2018.1.23 メンテナンスを行いました。 主な変更点は以下の通りです。 画像遅延読み込みを導入しました(デフォルトではグリッドページのみ適用) リセットCSSを最小限に...