日頃のWeb制作において個人的に利用したいジェネレータなどを各種作成しました。CSSのジェネレータが中心です。皆様もご自由にご利用ください。

ランダムパスワード生成

https://yamasakimasaki.com/tool/pw_gen/

大文字、小文字、数字、記号など任意の設定文字種と文字列長を元にランダムなパスワード文字列を生成できます。

ダミーテキスト生成

https://yamasakimasaki.com/tool/text_gen/

原稿の定まっていないブロックなどにダミーで挿入するためのテキストを任意の文字列長で生成できます。一般的なダミーテキスト、英字でのダミーテキスト、吾輩は猫であるの冒頭、走れメロスの冒頭から文字列を生成できます。

IPアドレス確認

https://yamasakimasaki.com/tool/access/

このツールにアクセスしている回線のIPアドレス、閲覧ブラウザのユーザエージェントなどを表示します。

Faicon変換

https://yamasakimasaki.com/tool/favicon/

単一の画像からマルチサイズアイコン形式のicoファイルを生成します。対象となるファイルは自動的に正方形にクリッピングされるのでご注意ください。16×16、24×24、32×32、48×48、64×64、128×128、256×256の7種のサイズが内包されたicoファイルを生成してダウンロードできます。

テキストシャドウジェネレータ

https://yamasakimasaki.com/tool/text-shadow/

リアルタイムにプレビューを確認しながらtext-shadowのCSSを生成できます。影の重ねがけにも対応。

ボックスシャドウジェネレータ

https://yamasakimasaki.com/tool/box-shadow/

リアルタイムにプレビューを確認しながらbox-shadowのCSSを生成できます。影の重ねがけにも対応。

Flexboxジェネレータ

https://yamasakimasaki.com/tool/flexbox/

リアルタイムにプレビューを確認しながらFlexboxのCSSを生成できます。任意のスタイルの子要素を追加して、実際の要素の並び方を確認できます。

Coding Lab

https://yamasakimasaki.com/tool/editor/

ブラウザ単体で動作する、HTML・CSS・Javascriptのエディタ&ビュアーです。簡単なサンプルの挙動を確認したいときなどに利用できます。作成したコードはHTML形式のファイルでダウンロード可能(ダウンロードボタンがわかりにくい)。

今後も新たなツールは追加していく予定。

世に便利なジェネレータは溢れてるんですがリンク切れちゃったりとか何やかんやあるので自分とこに自分で作りましたとさ。ってことです。グラデーションCSSとか、背景パターンのCSSとか他にもほしいジェネレータはあるので、今後追加していく予定です。