ちょっとしたツール紹介

Web制作関連の、ちょっとしたツールをいくつか作ったので紹介します。
それぞれの紹介部分にあるリンクからツールのページに移動できますので、よかったら使ってみてください。

ツール一覧

このページで紹介しているツール一覧の目次です。

HTMLのコードをエスケープ処理（特殊文字変換）するツールです。
HTMLコードをそのままWebページに表示させたいときなどにどうぞ。

URLを入力すると、リンクカードのHTML/CSSコードを生成するツールです。
ブログカードやリンクカードのようにリンクをカード状にして設置したいときなどにどうぞ。

色を選択するカラーピッカーの部分がちょっと大きなカラーピッカーです。
カラーピッカーで選択した色をカラーパレットにセットして、各色を調整しながら最大6個までのオリジナルのカラーセットを作成することもできます。

よく利用されているCSSリセットの適用結果を比較できるツールです。
チェックしたいHTMLのコードを入力して、それぞれのCSSリセットを適用した結果を見比べることができます。

HTMLのコードを圧縮して、ファイルサイズを小さくすることができるツールです。
圧縮したいHTMLのコードを入力して圧縮ボタンを押すだけで圧縮されたHTMLコードが表示されるシンプルなツールです。

CSSのコードを圧縮して、ファイルサイズを小さくすることができるツールです。
圧縮したいCSSのコードを入力して圧縮ボタンを押すだけで圧縮されたCSSコードが表示されるシンプルなツールです。

URLなどに適した形に文字列を変換するツールです。
アルファベットの大文字は小文字に変換し、スペースはハイフンに変換します。