CSSの勉強中に困ったら
公開:
CSSの勉強中に色々困ることが起きて検索するのですが、だいたい同じところに行き着くので自分用のリンク集も兼ねてまとめておきます。 とりあえずW3Cを見に行った方が早い。 W3Cの目次から探すのが面倒なときはGoogleで「w3.org プロパティ名」で探すと早い。「devs.w3.org」と「www.w3.org」を分けて検索するのもいいと思う。 対応しているかどうかだけの場合は以下の2つのサイトで事足りる場合も多い。 「だいたいの対応状況は分かったけど実際のところどうなの?」となったら、各ブラウザのサイトに行く。 MozillaとWebkitはすぐ検索できる。 他には、たぶん「ググれ」が一番近道。 Twitterなどで「こうしたいけど上手くいかない」みたいなこと書いたら教えてもらえることもあるけど、まずは自分で調べる。 普段からチェックしておくのもいいと思います。仕様を確認する
そもそもプロパティや値について分かっていない場合はここで解決することが多い。ブラウザの対応と実装
対応バージョンが書かれていたりいなかったりする。そのうち更新されるといいなと思っている。
MDNの各プロパティのリファレンスには他ブラウザの対応状況も載っていたりするのでとても便利。たぶん一番よく使っている。
他にいいページあったら教えてほしいです……。「これ対応されるの?」とか「これバグじゃね?」と思ったら
IEは分からない……。
適当な英語で検索しても結構見つかる。日本語で駄目だったら英語で検索する癖をつけておくと解決しやすい。
リプライが来たらラッキー程度に思っておくべき。ブラウザのブログ
Mozilla Hacksも。
英語のページが多いですが、日本語の情報しか見つからないものもあったりするので、両方で検索してみる癖をつけておいたら近道になると思います。
英語が読めないとか言ってないで、オンライン翻訳でも使いながら調べるといいんじゃないでしょうか。自分はそうしてます。
こういう困ったときに検索して行き着くページにはCSSのコードが書かれていることが多いので、それを見ながら説明文を読むと分かりやすいかと。CSSのコードは何語のページでも同じですし。
間違って解釈してしまったら……まあ自信がないときはどっかにコード載せて突っ込み待ちするのもありです。jsdo.itのDiscussionsに投稿するのもいいかと思います。
他にも探す方法は色々あるでしょうが、自分の場合はこんな感じです。