タグ

CSSとデベロッパツールに関するnuenoのブックマーク (1)

  • Chromeの「デベロッパーツール」が神すぎて感動。CSS初心者な私でもサイトのカスタマイズがわかりやすい

    Chromeデベロッパーツールの起動方法Google Chrome上で右クリックして「検証」を選ぶだけで、デベロッパーツールが起動します。 これで、現在開いているページのHTMLソースと、スタイルシートが表示されます。 この時点で拒否反応を示す人もいることでしょう・・・。その気持ちは痛いほどわかります。わけわからんアルファベットの羅列が飛び込んできたら、そっと閉じたくなりますよね。 でもちょっとだけ待ってください。 きっと今考えているよりも楽に、ブログのカスタマイズを試してみることができるはずなのです。 (少なくとも、私にとってはそうでした) HTMLソースが実際のブログ(サイト)のどの部分に対応しているかわかる!表示されたデベロッパーツールのHTMLソースにカーソルを合わせてみてください。 カーソルを合わせたところに対応する場所が、ハイライトされて表示されます。 つまり、「このHTML

    Chromeの「デベロッパーツール」が神すぎて感動。CSS初心者な私でもサイトのカスタマイズがわかりやすい
  • 1