こんにちは！みう(@miu0512)です。私がコーディングの際に使用しているツールの一つ「extractCSS」は、マークアップしたHTMLのソースから、一瞬でCSSに記述すべき要素を抽出してくれるとっても便利なものなのです。
HTMLからidとclassと、それから子要素・・CSS大変！そんな貴方に
何よりも鮮やかなこのフラットデザインカラーに惚れています。デザインをして、HTMLでマークアップを行ったあと、いざCSS！となった際に、いちいちソースから手動で抽出する手間なく簡単にCSS構築を始められる、素敵なツールです。
使い方はたった2STEP。まずはHTMLソースを左側に入れましょう！
オプションを決めたら「Extract」ボタンをポチっと押せば完了！
idだけを抽出するか、classだけを抽出するか、さらには子要素も取り出すかどうかなど細かい設定もありますが、基本はそのままでもOK。「Extract」を押すとすぐに右側にアウトプットが出力されます。
さいごに・・・
こういったツールはどんどん活用していきたいですね！私はHTMLを組み上げてからCSSを作るまでに数時間かかっていたものが一瞬で終わるようになりました。是非おすすめです！
最後までお付き合いいだだきありがとうございます！
これからも、みう(@miu0512)を応援していただけたら嬉しいです！