Facebook Twitter RSS
HTMLをコピペで入れるだけでCSSのひな形を作れる「extractCSS」とその意外な使い方

HTMLをコピペで入れるだけでCSSのひな形を作れる「extractCSS」とその意外な使い方

この記事のタイトルとURLをコピーする
HTMLをコピペで入れるだけでCSSのひな形を作れる「extractCSS」とその意外な使い方
https://webkikaku.co.jp/blog/webservices/extractcss/
facebook twitter hatena Pocket

extractcss

私がコーディングをする際に、愛用しているWEBサービスの1つに「extractCSS」というサービスがあります。今回このサービスを使っていて、面白い使い方を発見したので、シェアさせてもらいます。

CSS形成サービス「extractCSS」についてご紹介!

面白い使い方の前に、まず「extractCSS」について紹介させてください。「extractCSS」は書いたHTMLをコピペで入れるだけでCSSのひな形を整形してくれるコーディング時には必須の便利なサービスです!

使い方は本当に簡単!先ほど言ったように、コピペするだけでCSSのひな形を作ることができます。左側のスペースに、書いたHTMLをペーストして、右下のExtractボタンを押すと、CSSが作成されます。

またオプションも豊富で、IDを除外したり、classを除外したり、インデントをtagでやるかスペースでやるか等が選べます。自分のCSSの設定にあったものを作れるのは嬉しいですね!

同じようなCSSひな形作成サービスで「Bear CSS」というものもあるのですが、こちらはhtmlをアップロードする手間もあるので、僕は「extractCSS」を愛用しています。

こんなこともできた!「extractCSS」の意外な使い方!

そして、今回見つけた「extractCSS」の意外な使い方の紹介です。HTMLに直接styleが書いてあった場合、できたCSSにスタイルが既に書かれた状態で出てくるのです!

今回、スタイル直書きのHTMLを突っ込んだことにより、偶然この機能を発見することができました。急いで直書きしてしまったHTMLを修正する時などに使えそうですね!

最後に

以上で、便利なCSS形成サービス「extractCSS」とその意外な使い方についての説明を終わります。いかがでしたか?

ちょっとした事ですが、皆さんの作業時間短縮になれば幸いです。できるかぎり「作業」の時間を減らして、「考える」時間を増やしていきたいですね。ではまた!

この記事のタイトルとURLをコピーする
HTMLをコピペで入れるだけでCSSのひな形を作れる「extractCSS」とその意外な使い方
https://webkikaku.co.jp/blog/webservices/extractcss/
facebook twitter hatena Pocket

東京・名古屋を中心に、中小企業に特化したホームページ制作会社。マーケットやビジネスモデルに合わせ一社一社に合わせたウェブ制作・リニューアルのご提案しています。
1000サイト以上のウェブマーケティング支援で獲得したノウハウで、リニューアル後に過去最高の成果を生み出したお取引先は多数。勘ではなくロジックに基づいたホームページ制作と柔軟な対応力で多数のお客様にご評価頂いております。

どのようなお悩みでも構いません。ホームページを有効的に活用できていないと考えているご担当者の方、まずは一度弊社にご相談くださいませ。

ご提案依頼・ご相談はこちら
公式facebook、twitterから情報を受けとる
いいね!する フォローする
前のページ
次のページ
ページトップ