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

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

ドロワーメニューをカスタマイズされる方へ(注意)

web全般の話しじゃないです。私のテンプレートのお話しです。 リリース済テンプレートのいくつかは スマートフォン閲覧時のみサイドメニューをドロワーに切り替え しているものがあります。 サンプルは右からニュっとスライドするタイプですが、ドロワー展開時、スマホ画面の左側に余白(ギャップ)が取ってあります。 ドロワー展開後の状態を 全画面(余白なし) にカスタマイズしている方をたまにお見かけしますが、有料...

ページ表示スピードを教えてくれるブックマークレットの紹介

まず最初に、私が製作したものではないです (´・ω・`) 先日から既存テンプレートのメンテナンスを行なっており、同時にページスピードの掲載をすることにしました。 その際に利用しているのは GTmetrix です。 Googleにも PageSpeed Insights というツールがあるにはあるんですが、データ取得時に新しい条件が加わり、簡単に言うと「人気のあるページしか実際のスコアは表示できません」という仕様になっています。 な...

【FC2ブログ】meta descriptionに独自変数のintroduction2を使ってはいけない理由

カスタマイズ時にhead情報を書き換える(た)ことがある、という方へ注意。 独自変数の使い方に注意しましょう。 アレですよね。FC2ブログのテンプレートはhtmlをゼロから書くことができますので コーダー(コードを書く人)が間違えたらそれを使う人もみな間違えを引き継ぐ ことになります。 で、現状「問題有り」のテンプレートもいくつかあるわけで。 それは当然私自身にも言えることですから注意しなければいけないなぁ、...

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

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

Lazyloadについて前段階の記事です

既に導入手順など下書きは済ませているのですが、私のテンプレートメンテナンス作業が遅々として進まず(笑) Lazyloadの記事の前に今ここでお伝えしておきたいのは以下の点です。...

ナビゲーションにリンクを追加した後の見た目がおかしくなる方へ

こちらweb一般ではなく私のテンプレート限定の内容です。 リンクを追加しただけなのに… 隣のリンクとの距離がおかしい または ナビゲーションの縦幅が大きくなっちゃった などなど。 その原因・対処・事情についてご説明します。...

クラス名をつけることの重要性

記事内でhtmlをよく利用する、という方は、その要素にクラス名を書く というのを癖づけされた方が良いと思います。 つまり本記事内容は クラス名付与のススメ ( ゚Д゚)ノ...

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

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

FC2ブログでページの高速化のためにできること

ページの高速化についてです。 検索すると指南が山ほど出ては来るのですが、FC2ブログで「出来る」ことと「出来ない」こと を知っておかないと対処のしようがありませんよね。 一般的に推奨されている高速化の方法について、FC2ブログで行う という点で仕分けをしてみようと思います。 結論から言うと、FC2ブログで出来るのは画像の容量コントロールとhtml, CSSソースの圧縮ぐらい です。...