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

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

サイト改装 脱jQueryなど

現在自身のブログを改装中です。まだ続行中。 作業のメインは 脱jQuery です。もしかしたらみなさんの中にも同じように書き換えをしよう・したいと思っている方がいらっしゃるかもしれません。 私が今やっているのはあくまでも私自身のブログテンプレートへの修正であって、既存共有テンプレートや今後のテンプレートも同じ方針にするかどうかはまた別の話し。 脱jQueryの目的は平たく言うと サイト高速化 だったりする...

FC2ブログの高速化は何ができるか

Googleの スピードアップデート が2018年7月に来るよ。 ということで、自ブログのスリム化・高速化に勤しんでいる方も多いかと思います。 え?多いかな?どうだろう (´・ェ・`) 今回の記事では FC2のスペックを知っておく 数字に踊らされない 私の(Akira作の)テンプレートで軽量化できそうなところと提案 などについて。 あくまでも FC2ブログで というのが大前提です。...

marqueeタグからの脱却【marquee要素をCSS3に直す】

既に懐かしい響きの marquee というhtml要素について。 テキストが横へ流れます。このmarqueeはCSSアニメーションで動かしています 上記のようにテキストや画像が流れていく。これが marquee (マーキー) です。 現在はhtml5が正式勧告を受けて既に数年経過していますが、html5の基本理念の一つは htmlで装飾をするな ですね。...

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

FC2ブログで画像遅延読み込み (以下 lazyloadingと称する) を 関連記事リストと新着記事リストにも適用 してみようの巻 (o'ω')ノ 例によってweb一般の説明記事ではなく、 FC2ブログで 私の製作したテンプレートをご利用の方 という条件下・狭い対象へ向けての記事内です。...

画像のfloatはスマートフォンでの見た目を考えて行いましょう

回り込み と表現されることが多い float (フロート) という手法について。 実際は回り込むのは特定条件下だけなので「回り込み」ではなく「浮き, 浮かせ」がfloatの本来の性質ですが。 そういった薀蓄はさておき、記事内で画像とテキストを並べるのにfloatを使う方もいらっしゃると思います。 そのfloat適用要素、スマートフォンでの見た目をちゃんと確認していますか? というお話。そしてどう設定すればスマホでも見やす...

プロフィール画像に正方形を勧める2つの理由

以前にも一度書いたんですけども。 SNSやブログで利用するプロフィール画像は正方形が最適解 というお話。...

HTML終了タグチェッカーの利用をおすすめします

記事内でhtmlを利用している、という方や、サイドメニューに色々導入している、という方におすすめ。...

head内を整理しましょう

テンプレートのカスタマイズが大好き。jQueryやCSSも色々やってみたい。 という方に気をつけて頂きたい点をまとめようと思います。 無作為にポンポンと外部ファイルを追加しない 色々やりたい気持ちはわかりますしやっても全然構いませんけれども、head内がゴッチャゴチャのグッチャグチャになっている方がとても多いんですね (∵`) head内の外部ファイルリンクというのは ページ表示速度に影響します ので、一度整理...

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

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