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

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

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

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

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

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

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

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

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

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

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

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

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

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

アイコンは【Font Awesome】だけじゃない 超便利【Icongram】

Font Awesome おぅさむおうさむ うっせーわ ヤァ(⊃ Д)⊃ 三 ∧_∧ などと思っているわけではありませんが、大概聞き飽きた感もあり。 Font Awesome利用ページの修正をしておりまして。もうマジで嫌気さしてきた((((笑) というわけで逃避的に IcongramもFont Awesomeに負けてないよ の紹介をしようと思います。...
    カスタマイズ Q&A 質問時の注意 テンプレート