シンプルなものからユニークなものまで様々なSVGパターン背景を作れるオープンソースのWebアプリ・「Pattern Monster」
Pattern Monster Pattern Monsterはシンプルなものからユニークなものまで様々なSVGパターン背景を作れるオープンソースのWebアプリです。 波状や罫線、レンガ状、方眼紙、、サークルを使ったものやスクエ...
Resource - ジェネレーター
Reactアプリ向けのローダーを作れるWebアプリ・「Loader generator」
Loader generator Loader generatorはReactアプリ向けのローダーを作れるWebアプリです。 ドットタイプのローダーで、ドットの数や色、サイズ（幅と高さ）、各ドット同士の距離、透過やアニメーション...
Googleフォントを使ったテキストのみのシンプルなロゴを作成、SVGやPNGでダウンロードできる・「Typography Logo Maker」
Typography Logo Maker Typography Logo MakerはGoogleフォントを使ったテキストのみのシンプルなロゴを作成、SVGやPNGでダウンロードできるWebアプリです。 Googleフォントを...
ジグザグや方眼紙、ストライプなど、シンプルなパターン背景をCSSのコードで提供する・「CSS Background Patterns」
CSS Background Patterns CSS Background Patternsはジグザグや方眼紙、ストライプなど、シンプルなパターン背景をCSSのコードで提供するシンプルなWebアプリです。 オブジェクトのサイズ...
アートな背景パターンを生成できるパターンジェネレーター・「PatternPad」
PatternPad PatternPadはアート風の背景パターンを生成できるWebアプリです。色やデザインも指定する事が出来ます。 設定できる項目は色、カラム数、スタイルとなっています。スタイルは既に用意されている雛型から選ぶ...
背景やポーズ、性別や顔を変更して好みのイラストを作れる・「Sapiens Character Builder」
Sapiens Character Builder Sapiens Character Builderは背景やポーズ、性別や顔を変更して好みのイラストを作れるイラストメーカーです。 パーツを組み合わせるシンプルなものですが、9つ...
さまざまなタイプの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アプリです 実際に完成図を見ながらセッティング、作成できるので特別な知識な...
任意の模様でシームレスなパターンを生成できる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が...