Resource - ジェネレーター

さまざまなタイプのSVGの背景を手軽に作れるWebアプリ・「BGJar」

BGJar BGJarはさまざまなタイプのSVGの背景を手軽に作れるWebアプリです。既に用意されている雛型を元に好みの形にカスタマイズしてコードをコピーしたりDL出来る、というもの。 シンプルなものやアニメーションするもの、波...

レスポンシブなメニューを簡単に作れるオンラインツール・「Responsive Navigation Generator」

Responsive Navigation Generator Responsive Navigation GeneratorはRWDなメニューを簡単に作れるオンラインツールです。モバイルデバイス等ではハンバーガーメニューからスライド...

SVGのカスタムシェイプを直感的に作れるシンプルなWebアプリ・「Shape Divider」

Shape Divider Shape Dividerはヒーローイメージやセクション間で使えそうなSVGのカスタムシェイプを直感的に作れるシンプルなWebアプリです 実際に完成図を見ながらセッティング、作成できるので特別な知識な...
Ads

任意の模様でシームレスなパターンを生成できるWebアプリ・「patternico」

patternico patternicoは任意の模様でシームレスなパターンを生成できるWebアプリです 好みの画像を散りばめたシームレスなパターン画像を完成図を見ながら直感的に作成できる、というもの 画像はFontAwe...

いびつな形の要素をSVGで作れるWebアプリ・「Blobs」

Blobs Blobsはいびつな形の要素をSVGで作れるWebアプリです。Web APIのBlobやBinary Large OBjectとは関係なく、単に形状表したものになります アメーバのようなはっきりしない形状のシェイプを...

任意の画像から背景を削除して人物だけ自動で切り取るWebアプリ・「SocialBook Free Background Remover」

SocialBook Free Background Remover SocialBook Free Background Removerは任意の画像から背景を削除して人物だけ自動で切り取るWebアプリです もう結構前にremo...

CSS製の斜めやジグザグなどの境界を手軽に作れる・「CSS Section Separator Generator」

CSS Section Separator Generator CSS Section Separator GeneratorはCSS製の斜めやジグザグなどの境界を手軽に作れるジェネレーターです セクションが変わる所を分かりやす...

任意のWebサイトのURLを入力するだけでダークモード用のCSSを自動で作成してくれる・「Night Eye」

Night Eye Night Eyeは任意のWebサイトのダークモード用CSSを自動生成してくれるジェネレーターです 使い方も簡単でURLを入力するだけ。自動で解析し、ダークモードに対応したCSSを生成してくれます あと...

CSS製の円グラフを手軽に作れるWebアプリ・「CSS Pie Chart Generator」

CSS Pie Chart Generator CSS Pie Chart GeneratorCSS製の円グラフを手軽に作れるシンプルなWebアプリです 画像だと管理が面倒だしCSSだとコード書くのが面倒な円グラフなので地味に需...

ソフトなCSS Shadowを作れるシンプルなWebアプリ・「Neumorphism.io」

Neumorphism.io Neumorphism.ioはソフトなCSS Shadowを作れるシンプルなWebアプリです 上記や下部のような柔らかい印象の影を直感的な操作で作る事が出来ます ツールバーや背景のカラーピ...

分かりやすそうなパスワードを生成するパスワードジェネレーター・「Easy Peasy Password」

Easy Peasy Password Easy Peasy Passwordは分かりやすそうなパスワードを生成するパスジェネWebアプリです。分かりやすいかどうかは個人差あるでしょうけど、意味のあるパスワードを作る、みたいなものにな...

デザイナー向けに作られた長文パスワードジェネレーター・「Design Password」

Design Password Design Passwordはデザイナー向けに開発された長い文字でパスワードを作ってくれるジェネレーターです どこがデザイナー向けなのか、ですが、こちらで生成されるパスワードはある程度意...

コントラストの比率と実際に背景とテキストカラーを使用した状態を確認できるカラーコントラストチェックツール・「Color Contrast Checker」

Color Contrast Checker Color Contrast Checkerは指定したテキストカラーと背景カラーの2つのカラーのコントラストの比率を確認しながら確認出来るWebアプリです コントラストはWCAGのガ...

アニメーションする背景をCSSで簡単に作れる・「Animated CSS Background Generator」

Animated CSS Background Generator Animated CSS Background Generatorはボケやレクタングルなどシンプルなオブジェクトがアニメーションする背景をCSSで簡単に作れるWebア...

WordPress管理画面のカラースキームをプラグイン無しで任意の色にする為のコードを生成できる・「WordPress Admin Colors Generator」

WordPress Admin Colors Generator WordPress Admin Colors GeneratorはWP管理画面のカラースキームをプラグイン無しで作れるWebアプリです 実際にプレビューを見な...

ゆるいスタイルのイラストを組み合わせてオリジナルイラストを作成、ダウンロードできる・「Vector Creator」

Vector Creator Vector Creatorは最近よく見かけるゆるーいスタイルのイラストを組み合わせてオリジナルイラストを作成、ダウンロードできるWebアプリです この手のイラストを配布しているicon8が...

インタラクティブにアニメーションする背景を作成できるWebアプリ・「Naker.Back」

Naker.Back Naker.Backはインタラクティブにアニメーションする背景を作成できるWebアプリです。 たまに見かけるやつですね。もともと動いてるけどマウスを乗せると動きに応じてパララックスな演出をする、みたいなのと...

実際に使用した風のUIを確認できるカラーパレットジェネレーター・「Muzli Colors」

Muzli Colors Muzli Colorsは実際に使用した風のUIを確認しながらカラーパレットを作成できるカラースキームジェネレーターです。写真をアップロードしてカラーパレットを自動生成する事も可能です。 以前ご...

ユーザー登録不要、クレジット不要、完全無料でロゴを作成、ダウンロードして商用利用もできるロゴ作成Webアプリ・「Namecheap Logo Maker」

Namecheap Logo Maker Namecheap Logo Makerはブラウザでロゴを自動生成してくれるWebアプリです。 星の数ほど同じ用途のツールはありますが、本アプリが違う点はユーザー登録不要、クレジ...

SVGによる波状のラインをランダムで作成できるジェネレーター・「Get Waves」

Get Waves Get WavesはSVGによる波状のラインをランダム作成できるジェネレーターです。波は曲線やポリゴン風、凹凸型などを選択可能です。 また、波の色や起伏の頻度なども設定可能です。気に入ったらDLして使う、みた...

Googleスプレッドシートを瞬時にJSON形式にするWebアプリ・「Gson」

Gson GsonはGoogleスプレッドシートのデータをURLの入力だけで瞬時にJSON形式にコンバートされたURLを返してくれるWebアプリです。 使い方は他の同様のツールと同じで、CSV形式を選択して公開設定にしてから使え...

書いたテキストをmp3音声ファイルにしてダウンロードできる・「Verby」

Verby Verbyは書いたテキストを音声ファイルに変換してダウンロードできるWebアプリです。タイトルそのままの機能で、テキストを書いて音声化し、内容を確認、問題なければファイル名を決めてDL出来る、というものになります。 ...
Ads