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に負けてないよ の紹介をしようと思います。...