HTMLのコーディングに便利なツール

技術情報

2014.11.192019.03.02

photo credit: JanneM via photopin cc

今回はHTMLのコーディングに便利なツールをご紹介いたします。

検証

HTML、HTML5の記述を検証をしてくれます。URI、ファイル、ソースの3つで検証できます。

CSSの記述を検証をしてくれます。URI、ファイル、ソースの3つで検証できます。

日本語でHTML5の記述の検証結果を表示してくれます。URL、ファイル、ソースの3つで検証できます。

日本語でHTMLの記述の検証結果を表示してくれます。URL、ファイル、ソースの3つで検証できます。

HTMLソースを整形してくれます。整形時にインデントの種類をタブや空白などで選択できます。

CSSソースを整形してくれます。整形方式をプロパティ基準、セレクタ基準で選択できます。またインデントの種類も選べるなど、かなり細かく設定できます。

TinyPNG – Compress PNG images while preserving transparency

PNG画像を圧縮してくれます。ドラッグ&ドロップするだけで画像を圧縮してくれます。画像によっては50%以上下げてくれます。

HTMLのコーディングで自分のソースの妥当性を知りたいときや、エラーを調査するには検証サイトはすごく便利です。またソースの美観を保ちたいときは整形ツールは必須でしょう。

画像はサイトの表示で重くなりがちな要因です。画像サイズのスリム化ができるとサーバーの負担も減らすことができます。

こういったツールを使って、コーディングの時間を短くしたり、ソースの質を上げていければいいですよね。