デザイントークンを作成し、まとめてCSS変数にしてくれる・「Design Tokens Generator」
Design Tokens Generator Design Tokens Generatorはデザイントークンを作成し、まとめてCSS変数にしてくれるWebアプリです。 デザイントークンとは？については以下のAdobe blo...
Resource - ジェネレーター
サンプルを見ながらアクセシブルなカラー配色をランダム生成できるカラーツール・「randoma11y」
randoma11y randoma11yはサンプルを見ながらアクセシブルなカラー配色をランダム生成できるカラーツールです。 2色のアクセシブルなカラー配色をランダムで表示するシンプルなものですが、基準が従来のWCAGではなくA...
任意の画像の切り取り、圧縮、変換、サイズ変更を一括で行えるWebアプリ・「Image Converter」
Image Converter Image Converterは任意の画像の切り取り、圧縮、変換、サイズ変更を一括で行えるWebアプリです。 URL或いはアップロードした画像を範囲を指定して切り取り、自動でサイズ圧縮、pngやg...
GUIベースのランダムJSONデータジェネレーター・「Mock Turtle」
Mock Turtle Mock TurtleはGUIベースのランダムJSONデータジェネレーターです。ネストされたランダムなデータのJSONを生成しダウンロードする事が出来ます。一応の値は日本語に対応していますが微妙なレベルなので概...
任意の画像や絵文字等を使ってパターンを作成出来るWebアプリ・「Tylify」
Tylify Tylifyは任意の画像や絵文字等を使ってパターンを作成出来るWebアプリです。複数の絵文字や画像を使ってオリジナルのパターン画像を作成出来る、というもの。 実際にパターンとして利用した状態のプレビューが可能で、そ...
良い感じのカラーパレットをランダム生成し、CSS変数でコピーできる・「colorSS」
colorSS colorSSはカラーパレットをランダム生成し、CSS変数でコピーできるシンプルなWebアプリです。どれも良い感じで生成してくれます。 スペースキーで生成、sキーでお気に入りに登録できます。お気に入り登録したカラ...
各アプリストアなどアプリを紹介するプラットフォームで使えるアプリの紹介用スクリーンショットを作成出来る・「App Screenshot Generator」
App Screenshot Generator App Screenshot Generatorは各アプリストアなどアプリを紹介するプラットフォームで使えるアプリの紹介用スクリーンショットを作成出来るWebアプリです。 App...
2Dや3Dの円グラフを簡単な記述でパッと作れる円グラフ作成ツール・「Pie Chart Maker」
Pie Chart Maker Pie Chart Makerは2Dや3Dの円グラフを簡単な記述でパッと作れる円グラフ作成ツールです。日本語も入力可能、利用にあたり何かしら登録する必要はなく誰でも利用可能です。 タイトルや背景色...
フルサイズでも縮小せずにダウンロードできる画像背景消去ツール・「Extract bg」
Extract bg Extract bgはフルサイズでも縮小せずにダウンロードできる画像背景消去ツールです。よくある、画像をアップロードすると自動で背景を削除して透過画像にしてくれるやつです。 以前にいくつかご紹介しましたが、...
SVGをオンラインで作成出来る多種多少なツールを大量に作成、公開しているSVGジェネレーターコレクション・「fffuel」
fffuel fffuelはSVGをオンラインで作成出来る多種多少なツールを大量に作成、公開しているSVGジェネレーターコレクションです。 以前、ssshapeというアプリをご紹介しましたが、このようなSVGジェネレーターをいろ...
AIで画像を劣化させずにクオリティを維持したままサイズを倍にしてくれるWebアプリ・「Image Upscaler」
Image Upscaler Image UpscalerはAIで画像を劣化させずにクオリティを維持したままサイズを倍にしてくれるWebアプリです。 サイズアップしたい画像をローカルから選ぶだけで自動で拡大し、元画像との比較...
任意のSVGをアップロードして落書き風アニメーションに加工してくれるWebアプリ・「Crayon」
Crayon Crayonは任意のSVGファイルをアップロードして落書き風アニメーションに加工してくれるWebアプリです。 SVGをゆるーい感じに加工してDL出来る、みたいな感じのやつです。アニメーションの有無、アニメーション有...
スムーズにアニメーションするblobを動作確認しながら作れるWebアプリ・「Blob Animation」
Blob Animation Blob Animationはスムーズにアニメーションするblobを動作確認しながら作れるWebアプリです。スライムのようなシルエットのblobにゆるいアニメーションエフェクトを付与できる、というもの。 ...
線や棒、円、ドーナツ、散布図などのグラフを数値やテキストの入力のみで簡単に作れるグラフジェネレーター・「Graph Maker」
Graph Maker Graph Makerは線や棒、円、ドーナツなどのグラフを数値やテキストの入力のみで簡単に作れるグラフジェネレーターです。 作成可能なチャートは折れ線グラフ、棒グラフ、円グラフ、ドーナツチャート、散布図、...
ダミーのユーザー写真やアイコン、名前などをランダム生成するWebアプリ・「Random users」
Random users Random usersはダミーのユーザー写真やアイコン、名前などをランダム生成するWebアプリです。 写真、アイコン、名前はランダム生成され、写真は性別、カラー、白黒、セピアなどの絞り込みも可能です。...
微調整や編集も可能な画像の背景削除ツール・「PicWish」
PicWish PicWishは微調整や編集も可能な画像の背景を自動で削除できるWebアプリです。基本的には既存の背景削除ツールと同等の精度と機能を持っています。 後発サービスとして異なる点は、微調整が可能な機能です。背景削除を...
好みのフレームワークやツールを選んで導入できるwebpackやParcelのboilerplateジェネレーター・「Create App」
Create App Create Appは好みのフレームワークやツールを選んで導入できるwebpackやParcelのboilerplateジェネレーターです。Webアプリの他、CLIでも使えます。 webpack、parce...
ダミー画像をSVGまたはbase64で生成するシンプルなWebアプリ・「Placy」
Placy Placyはダミー画像をSVGまたはbase64で生成するシンプルなWebアプリです。 この手のダミー画像生成ツールはurlのパラメーターの変更だけで簡単に生成できるタイプが殆どでしたがこちらは直接コードを発行してく...
スマホやタブレット向けのアプリアイコンをデザインできるWebアプリ・「IconKitchen」
IconKitchen IconKitchenはスマホやタブレット向けのアプリアイコンをデザインできるWebアプリです。ユーザー登録不要でどなたでも利用できます。 プレビューを見ながらアイコンを作成する事が出来るようになっており...
AirtableのデータをPostgreSQLに移行するためのWebアプリ・「Free Airtable to PostgreSQL migration tool」
Free Airtable to PostgreSQL migration tool Free Airtable to PostgreSQL migration toolはAirtableのデータをPostgresに移行するためのWe...
好みの形のblobをSVGで作れるシェイプジェネレーター・「ssshape」
ssshape ssshapeは好みの形のblobをSVGで作れるシェイプジェネレーターです。以前ご紹介したBlobsはランダムでしたがこちらは形を自分で決める事が出来ます。 ポイントの場所を指定すれば右下に☆ssshapeとい...
ダイナミックなアニメーション背景を生成するジェネレーター・「pocoloco」
pocoloco See the Pen Untitled by kachibito (@kachibito) on CodePen. pocolocoはダイナミックなアニメーション背景を生成するジェネレーター...