cssのエラーを視覚的に把握できるPESTICIDE

PESTICIDE

このPESTICIDEを使うと、編集中のcssの構造を枠線で示してくれるため、コーディングのエラーやミスなどのデバッグがしやすくなる。

これまでは怪しいと思った要素にボーダーラインを一時的に表示させることで対応していたけど、これがあると一括で全要素に枠線が付くので非常に見やすい。入れ子が壊れているところも見つけやすくなるかもしれない。

中規模サイトの製作&運営をしていく中で、既に挫折しそうなcssの構造把握…それに立ち向かおうと新たに本をゲットしたばかり…といういまだ勉強中の身には、まさに理想ともいえるお助けツールになりそう!

使用方法はこちらのサイトが詳しいです。読み込み方法は、主にローカル環境ならcssファイルをヘッド内に記述するか、chromeにプラグインとして追加するか…などがあるみたい。


CSSのレイアウトの崩れを見つける時に役立つChromeの機能拡張 -Pesticide -- コリス

Comments

Popular posts from this blog

RME FireFace UCX 基本の使い方メモ

いいもんみっけた! バークリー音大が無料で提供している音素材

文字通り、翻訳の原点