k-mitsui https://blog.hatena.ne.jp/k-mitsui/ ゴーリストデザインブログ https://design.goalist.co.jp/ こんにちは、ミツイです。 cssを組む時にchromeの検証は必要不可欠ですよね。 ゴーリストではデザインチームがコーディングまで行うことが多いので、chromeのDevTools（検証）にはお世話になりっぱなしです。 下手したらillustratorとかSketchとかよりも使ってるツールですが、その実、使われ方が共有されていなかったりするので、僕なりの使い方を書いておこうと思います。 要素の検証ざっくり紹介 まずは、DevToolsの基本的な使い方から。 呼び出し方は大きく分けて、 ・右クリック→検証 ・cmd + Option + c（cmd + Option + iでも出ますが、cの方… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fdesign.goalist.co.jp%2Fentry%2F2018%2F09%2F11%2F174743" title="cssが効かない！時のDevTools（検証）による原因究明方法 - ゴーリストデザインブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/k-mitsui/20180829/20180829123058.png Hatena Blog https://hatena.blog 2018-09-11 17:47:43 rich https://design.goalist.co.jp/entry/2018/09/11/174743 1.0 100%