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

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

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

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

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

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

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