ゆうやの雑記ブログゆうやの雑記ブログホームツール【OneClickCSS】HTMLをもとにclass名cssなどを自動生成してくれる超便利ツールゆうや2019/12/25SHAREツイートシェアはてブGoogle+PocketLINEこんにちは、UVERworld布教クリエイターのゆうやです!本記事では、OneClickCSSの使い方をご紹介します。HTMLをマークアップした後に、スタイルシートにそのclass名やid名を1つずつ記述していくのってとても面倒くさくないですか?ぼくもOneClickCSSを使う前はそうやっていて「あーめんどくさいめんどくさい!早くCSS書きたい!class名書いてる時間が無駄!スペルミスしてスタイル効かなくてうんうん悩むこともあるし!」と感じていました笑そんな面倒くさい作業から「解放されたい!!」と思っている方からするとOneClickCSSはメシアとなることでしょう!!それでは参ります。目次OneClickCSSを使って無駄な作業時間を削減しよう!OneClickCSSとは?OneClickCSSを使ってみよう!まとめOneClickCSSを使って無駄な作業時間を削減しよう!OneClickCSSとは?OneClickCSSのサイト内での説明が簡潔で分かりやすかったのでそちらから引用!HTMLソースをもとに、id,class名CSS、子孫セレクタCSS、子セレクタCSS、LESS、SASS、SCSSを自動生成するオンラインサービスです。従来のHTMLコーディグを強力にサポートします。OneClickCSSを使ってみよう!OneClickCSS実際に使ってみましょう〜■STEP1以下のURLよりOneClickCSSへアクセス!https://css.miugle.info/■STEP2使い方はいたってシンプル!サイト内の説明にもある通り、左側のテキストエリアにHTMLをコピペして真ん中のボタンをクリックするだけ!■STEP3例えば、以下のHTMLのクラス名を自動生成するとどんな風になるか見てみます。CSS」をワンクリック!一番上の青いボタンが一般的するとこんな感じでCSSを自動生成してくれます!↓↓↓ちゃんと順番どおりに!あら、便利!!!!他にもLESS/SCSSなんかでも自動生成可能なのでぜひぜひお試しあれです。まとめ以上、OneClickCSSの使い方をご紹介しました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。