CSS(カスケーディング・スタイル・シート)の検証に利用したサービスなどのまとめ

わたしが当ブログのWordPressテーマを作成したときに、CSS(カスケーディング・スタイル・シート)の検証に利用した、サービスやツールを紹介します。

CSSの検証サイト

CSS Validation Service

W3C CSS 検証サービス

W3Cによる定番のValidatorです。CSSに関しては、基本的にこちらのサービスを利用するのがいいとおもいます。

CSS LINT

CSS Lint

ボックス内にCSSをコピー&ペーストして「LINT!」をクリックすれば、エラー箇所を指摘してくれます。見やすさ、使いやすさでいうと、こちらの方がいいかもしれません。

CSS3関連書籍

CSSだけを扱った書籍はあまり利用しませんでしたので3冊だけ。

 

 

現場のプロが使っているテクニックが多く載っていて勉強になります。基本的なCSSの使い方は、HTMLとセットで教えてくれる本を参考にしました。

ついでにHTML5の構文チェックについて書いた記事もどうぞ!

以前、HTML5についての構文チェックサイトやツール、関連書籍について書いたので、よければこちらもご覧ください。

HTML5の構文チェック(Validation)に利用したサービスやツールなどのまとめ | かっぱのWordPress入門ログ

関連記事

WordPress のテーマを自作してみる

レスポンシブWebデザインを勉強して自作のWordPressテーマを作っています。 1月に『作りながら学ぶHTML/CSSデザインの教科書』を読んで、なんとなくHTML5とCSS3の初歩を理解しました。次に『WordPress レッスンブッ…

Google Developers の PageSpeed Insights で計測したら瞬間的にモバイル・PC共に99点になったので記念にキャプチャしておきました【追記あり】

ひさしぶりにプラグインや画像処理、jQueryなどの修正をしてみたら、瞬間的にPageSpeed Insightsで99点になりました。わたしはあまりこの数値にこだわりすぎないようにしているのですが、これだけの高得点はなかなか無いと思うので…

Google Chrome デベロッパーツール「要素の検証」を利用した HTML と CSS の学び方(素人向き)

素人による学び方 HTMLやCSSを学ぶ方法はいろいろあるとおもいますが、基本的なサイト作成の教科書を読んだあと、わたしは中級レベルの本をじっくり読むようなことはしていません。わたしがやったのは以下の方法です。 興味を持ったサイトのデザイン…

新しく自作 WordPress テーマに変更しました

なんとか、完成にまでこぎつけました。 昼にテーマのファイルをアップロードして、変更してみたら、いろいろ表示に不具合が発生して、そのときに訪問された方にはご迷惑をお掛けしました。 ページによって新テーマと旧テーマの表示が違っていて「なんでやろ…