ちょっとしたツール紹介

ツールのイメージ画像

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

ツール一覧

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

HTMLエスケープツール

HTMLエスケープツールのスクリーンショット
HTMLエスケープツール

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

HTMLエスケープツール

シンプルなリンクカードジェネレーターのスクリーンショット
シンプルなリンクカードジェネレーター

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

「シンプルなリンクカードジェネレーター」の使い方紹介

シンプルなリンクカードジェネレーター

ちょっと大きなカラーピッカー

ちょっと大きなカラーピッカーのスクリーンショット
ちょっと大きなカラーピッカー

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

「ちょっと大きなカラーピッカー」の使い方紹介

ちょっと大きなカラーピッカー

CSSリセット比較ツール

CSSリセット比較ツールのスクリーンショット
CSSリセット比較ツール

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

CSSリセット比較ツール

HTMLコード圧縮ツール

HTMLコード圧縮ツールのスクリーンショット
HTMLコード圧縮ツール

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

HTMLコード圧縮ツール

CSSコード圧縮ツール

CSSコード圧縮ツールのスクリーンショット
CSSコード圧縮ツール

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

CSSコード圧縮ツール