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

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

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

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

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

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

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

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

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

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

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

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

コピペで使える見出しデザインいろいろ

見出しの 装飾 CSSをいくつかご紹介しようと思います。 私の製作したテンプレートについては各専用記事を必ず用意していますが、仕様表に 固有機能 という欄があり、そこに 見出しデザイン と書かれているものについては私の方でいくつかのデザインを予めテンプレートのスタイルシート(CSS)内に含めています。 詳細については テンプレート固有機能説明 のリンクからご覧頂けますので、各テンプレート専用記事でご確...

アメーバブログの【スマホでは画像は画面横いっぱい、テキストは余白あり】をFC2でやってみよう

昨日ははてなブログさんのレイアウトを真似てみましたが、今回はアメーバさんを。 アメブロではスマホ版でこんな感じになります 通常の掲載 画像の横幅を画面幅と同等に 画像は画面幅(ビューポート)いっぱい、テキストの左右にはちゃんと余白がありますので読みづらくありませんよね。 ビミョーにトレンドというか、シャレオツ化計画進行中のYahoo!ブログスマホ版もこういったレイアウトになるようで...