ブックマークしておくと便利！Web制作に役立つさまざまなツールが一箇所で利用できる -SmallDev.tools

CSSやJavaScriptのミニファイ（軽量化）、HTMLやCSSやJavaScriptやSQLのフォーマッター、各種エンコード・デコード、ダミーテキスト・ダミーデータ・ダミー画像・クレジットカードのジェネレーター、diff（ファイル比較）など、Web制作に役立つツールがまとめて利用できるSmallDev.toolsを紹介します。

いろいろなツールが揃っているので、ブックマークしておくと便利です。

SmallDev.tools
smalldev-tools -GitHub

SmallDev.toolsの特徴

SmallDev.toolsは、Web制作に役立つさまざまなツールが一箇所でまとめて利用できる便利サイトです。完全に無料で利用でき、登録など面倒なことは一切ありません。

• 最小限のインターフェース🤩
• 電光石火の速さ⚡
• 広告はなし💩
• プライバシーフリー🔐（データはすべて、サーバーに保存されません）
• ワンストップソリューション🔥
• ワンクリックで出力を共有可能♻️

2021年9月現在、23種類のツールが利用できます。その中からいくつか紹介します。

まずは、CSSを軽量化するミニファイ。
「Input」にCSSをコピペして、「Compress CSS」をクリックすると、不要なスペースやセミコロンや空白行を削除し、CSSを軽量化するためのさまざまなロジックを実行します。軽量化されたCSSは「Output」に表示されます。

CSS Compressor

CSSのフォーマッターは、インデントのタブ・スペースの数を揃え、行の文字数などを揃えて、CSSを整形します。
CSSのコードの見た目を整えるために使用したり、ミニファイされたCSSを読みやすくするために使用します。

CSS Formatter

HTMLとJavaScriptにも同様のフォーマッターが利用できます。

HTML Formatter

JS Formatter

JSON Formatter

Diffは、2つのテキスト間の差異を表示するツールです。もちろん、CSSやHTMLなどのコードにも対応しており、日本語でも機能しました。

Diff Checker

デコード・エンコードのツールも揃っています。

URL Decoder

ダミーテキスト・ダミーデータ・ダミー画像・クレジットカードのジェネレーターも利用できます。

Credit Card Generator