アメーバブログのCSSカスタマイズをいろいろやっています。
そうすると気になるのが「CSSの文法が間違っていないか？」ということ。
幸いなことに間違いをチェックしてくれるサイトがあります。
さっそく自分の書いたCSSをチェックしてみましょう！
を使います。
アメーバブログの「ブログ管理」→「デザインの設定」→「CSSの編集」
と進み、ウィンドウの中のCSSを全部選択してコピーします。
そして先ほどのValidationサイトのテキストエリアにペーストして直接入力します。
オプションは「CSS Level3 + SVG」にします。
SVG画像はまだ使っていませんけど…
結果は…
OK！やりました！！合格です。
Validatorをパスして正当な文書として検証されるとその旨を示すことができるバナーを張ることができるようになります。
とは言え、これは自分がカスタマイズしたCSSだけを検証したものです。 他にもCSSがあたっていますからページ全体を見てみなければなりません。
またCSS云々の前にそもそもHTML文法がダメダメですからCSSがどの程度正しく反映できているか保証はありません。
ページ全体に適用されているすべてのCSS文法を検証するには、「URLで指定して検証」を選択し自分のブログページのURLを入力します。
結果は…
うーん、やはりダメです。
しかしまぁ自分が書いたCSSが適正なものかどうか分かるだけでもいいです。
この前ひいた「2018年Amebaおみくじ」にも書いてありました。
「他人は他人と割りきること」
「前向きでいることを心がけて！」というのもありました。
そうですね！
他のひとのネガティブな面を見ていくのではなくポジティブな面を見ていく。 そういう心がまえを持って生きていきたいと思います。
Amebaおみくじくん、ありがとう！！