1. Google Fontsのバリデートエラーについて

    Google Fontsのバリデートエラーについて

    2023年5月30日現時点での弊ブログ提供テンプレート最新作 Expanse が該当していますので修正しました。その件について説明です。...

  2. テンプレートカスタマイズをする方へバリデートのススメ

    テンプレートカスタマイズをする方へバリデートのススメ

    何度か啓蒙として記事にしています。なので再々々々々掲とかそんな感じ (´・ω・`) 「テンプレートをカスタマイズする」ということは、htmlやCSSの内容を 変更する ということですから十分注意しなければいけません。...

  3. 「追記あり」どうしようかすごく悩んでるんだ本当に【サムネイル付き関連記事リスト】

    「追記あり」どうしようかすごく悩んでるんだ本当に【サムネイル付き関連記事リスト】

    いやもうマジで悩んでるよ。ずっと((((笑) 以前も一度書いていますが、FC2ブログが出力する 関連記事リスト の 構文エラー についてです。...

  4. 表示がおかしい時はバリデートを行いましょう

    表示がおかしい時はバリデートを行いましょう

    例えば カラムが崩れている、例えば フリーズが起こる など。 原因はいろいろありますが、最も多いのは htmlシンタックスエラー(構文エラー) です。...

  5. body内のstyle要素が一定条件下で再びエラーに

    body内のstyle要素が一定条件下で再びエラーに

    head内限定だったstyle要素の記載がHTML5.2からはbody内にも書けるようになりました ということで私のその件を記事にしております。 ところがW3C validatorでbody内style要素が再びエラー対象に。その理由と解決策など。...

  6. W3C validatorのエラーの説明

    W3C validatorのエラーの説明

    html構文をチェックすることができる W3C validator W3Cというのはweb技術の標準化を制定する非営利団体で、日本では慶應義塾大学がホストを担っています。その団体が提供しているのがW3C validatorというツールです。 構文チェックは他にもLintなどがありますが、個人的にLintは信用していませんのでここでは紹介しません(笑) 実際に検証を行ってみると様々な指摘を受けることがあります。html構文は 英語 ですし、バ...

  7. ブログ作成に役立つブックマークレット

    ブログ作成に役立つブックマークレット

    FC2ブログで記事を書く際に 役立つかもしれない、という条件付きです。特に 旧投稿画面を利用し、htmlを使うことが多い 方向けです。 他の方が製作したものについてはここでの二次配布は致しません。ご紹介するだけです。リンクを掲載しますので直接赴き、提供者様の規約・ルールに則ってご利用ください。...

  8. htmlの絶対的NGそれは「全角の利用」

    htmlの絶対的NGそれは「全角の利用」

    やっぱりすごく多いんですね。うっかり全角を利用して全てが台無しになっている というケース。 母国語が日本語の場合は普段からキーボードが「ひらがな」の状態になっているのではないかと思います。htmlを操作する際にはまず最初に「半角英数字」にキーボードを変換する ことを癖づけされると良いと思います。...

  9. よくあるCSSの記述ミス

    よくあるCSSの記述ミス

    html, CSS, JS などなんでもそうなんですが、記号ひとつ打ち間違えても正しく機能しない んですね。ちょっとしたカスタマイズをしたつもりが、レイアウト全般がトンデモなことになったりすることがあります。 htmlのミスの場合は配置がデタラメになることが多いですね。そのほとんどは 開始タグと終了タグの数や位置の不整合 が原因です。 また、本来あるべきデザインが失われてしまうという場合、こちらはほとんどがCSS...

  10. tableの使い方を理解してスマートフォンでも見やすくする

    tableの使い方を理解してスマートフォンでも見やすくする

    なんでここでtable使うかなぁ (´・ェ・`) というレイアウトをよく見かけます。 例えば「商品紹介」「映画などのレビュー」「スポーツのスコア」など。それらがスマートフォンでどんな風に見えるか確認をしていますか? というわけでtableの使い方と用途別提案など。...

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

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

    既に懐かしい響きの marquee というhtml要素について、書き換えの提案です。...

  12. head内を整理しましょう

    head内を整理しましょう

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