HTML5/CSS3にも対応、HTML/CSS/JavaScriptを整形・チェックするオンラインツール -Dirty Markup
Post on:2012年3月21日
HTML, CSS, JavaScriptを読みやすく整形し、文法上のエラーもチェックしてくれるオンラインツールを紹介します。
![サイトのキャプチャ](/wp-content/uploads-2012/2012032107.png)
[ad#ad-2]
Dirty Markupはウェブ制作者がよく使う下記のツールをまとめたような感じです。
Dirty Markupの使い方は簡単で、右側にコードをペーストし、左側でHTML/CSS/JavaScriptを設定し「Clean」ボタンをクリックするだけです。
![サイトのキャプチャ](/wp-content/uploads-2012/2012032108-00.png)
Dirty Markupのキャプチャ
[ad#ad-2]
GooleのCSSで試してみます。
![サイトのキャプチャ](/wp-content/uploads-2012/2012032108-01.png)
GoogleのCSS
「CSS」ボタンをクリックし「Clean」ボタンをクリックするだけで、簡単に読みやすくなります。
![サイトのキャプチャ](/wp-content/uploads-2012/2012032108-02.png)
GoogleのCSSをDirty Markupで整形
整形されたコードは、左側にエラーのチェックが表示されます。
![サイトのキャプチャ](/wp-content/uploads-2012/2012032108-03.png)
黄は注意、赤はエラー
整形時のオプションもいくつかあります。
![サイトのキャプチャ](/wp-content/uploads-2012/2012032108-04.png)
インデントは「タブ」と「スペース」から選択
sponsors