ちょっとしたツール紹介
![ツールのイメージ画像](https://web-saku.net/wp-content/uploads/2021/09/tools.jpg)
Web制作関連の、ちょっとしたツールをいくつか作ったので紹介します。
それぞれの紹介部分にあるリンクからツールのページに移動できますので、よかったら使ってみてください。
ツール一覧
このページで紹介しているツール一覧の目次です。
HTMLエスケープツール
![HTMLエスケープツールのスクリーンショット](https://web-saku.net/wp-content/uploads/2023/06/html-escape-screenshot.png)
HTMLのコードをエスケープ処理(特殊文字変換)するツールです。
HTMLコードをそのままWebページに表示させたいときなどにどうぞ。
シンプルなリンクカードジェネレーター
![シンプルなリンクカードジェネレーターのスクリーンショット](https://web-saku.net/wp-content/uploads/2023/06/linkcard-generator-screenshot.png)
URLを入力すると、リンクカードのHTML/CSSコードを生成するツールです。
ブログカードやリンクカードのようにリンクをカード状にして設置したいときなどにどうぞ。
ちょっと大きなカラーピッカー
![ちょっと大きなカラーピッカーのスクリーンショット](https://web-saku.net/wp-content/uploads/2023/06/color-picker-screenshot.png)
色を選択するカラーピッカーの部分がちょっと大きなカラーピッカーです。
カラーピッカーで選択した色をカラーパレットにセットして、各色を調整しながら最大6個までのオリジナルのカラーセットを作成することもできます。
CSSリセット比較ツール
![CSSリセット比較ツールのスクリーンショット](https://web-saku.net/wp-content/uploads/2023/10/css-reset-comparison-screenshot.png)
よく利用されているCSSリセットの適用結果を比較できるツールです。
チェックしたいHTMLのコードを入力して、それぞれのCSSリセットを適用した結果を見比べることができます。
HTMLコード圧縮ツール
![HTMLコード圧縮ツールのスクリーンショット](https://web-saku.net/wp-content/uploads/2023/12/html-compression-screenshot.jpg)
HTMLのコードを圧縮して、ファイルサイズを小さくすることができるツールです。
圧縮したいHTMLのコードを入力して圧縮ボタンを押すだけで圧縮されたHTMLコードが表示されるシンプルなツールです。
CSSコード圧縮ツール
![CSSコード圧縮ツールのスクリーンショット](https://web-saku.net/wp-content/uploads/2023/12/css-compression-screenshot.jpg)
CSSのコードを圧縮して、ファイルサイズを小さくすることができるツールです。
圧縮したいCSSのコードを入力して圧縮ボタンを押すだけで圧縮されたCSSコードが表示されるシンプルなツールです。