Resource - ジェネレーター

細かいカスタマイズが可能なQRコード生成Webアプリ・「QR.io」

QR.io QR.ioは細かいカスタマイズが可能なQRコード生成Webアプリです。読み取り内容やデザインなど細かいところまでカスタマイズし、PNGやSVGなどでダウンロードする事が出来ます。 読み取り内容はリンクやメールアドレス...

色に関する問題を解決してくれる様々なツールを公開している・「Dopely Colors」

Dopely Colors Dopely Colorsは色に関する問題を解決してくれる様々なツールを公開しているWebサイトです。 Webアプリはパレットツール、グラデーションツール、カラーコードコンバーター、トーンツール、カラ...

ChromiumベースのWebブラウザ向けのテーマを簡単に作成できる・「Chrome Theme Studio」

Chrome Theme Studio Chrome Theme StudioはChromiumベースのブラウザ向けのテーマを簡単に作成できるWebアプリです。 Chromeを始め、OperaやEedge、BraveといったCh...
Ads

任意の画像にCSSとSVGによるフィルターをプレビューを見ながら作成できる・「CSS Filters Generator」

CSS Filters Generator CSS Filters Generatorは任意の画像にCSSとSVGによるフィルターをプレビューを見ながら作成できるWebアプリです。 画像はサンプルが用意されていますが、アップロー...

任意のCSSアイコンから別のCSSアイコンへの遷移アニメーションのコードを提供する・「CSS ICON animate」

CSS ICON animate CSS ICON animateは任意のアイコンから別のアイコンへの遷移アニメーションを、アイコンも含めて全てCSSで作れるサービスです。 以前ご紹介した、CSSのみで出来たアイコン集のCSS ...

ユニークなSVG背景を簡単に作成できるWebアプリ・「Haikei」

Haikei HaikeiはユニークなSVG背景を簡単に作成できるWebアプリです。いくつかの雛形から選んで形状や色、サイズやオブジェクトの数などを決定してDLする、というもの。 用意されている雛型は波状のものやサークル、アメー...

ヘッダに良く使われるアニメーションする背景を簡単に作れる・「Free Animated Headers」

Free Animated Headers See the Pen MWbjqPO by kachibito (@kachibito) on CodePen. Free Animated Headersはヘッダに良く使...

すりガラス風のCSSを、プレビューで確認しながらコードを生成できる・「Glassmorphism」

Glassmorphism Glassmorphismはすりガラス風のCSSを、プレビューで確認しながらコードを生成できるシンプルなWebアプリです。ぼかしの度合いと透過、色を設定する事が出来ます。 理屈は理解してても書くのが面...

様々なパターン背景をカスタマイズしてダウンロードできる・「Vector Pattern Generator」

Vector Pattern Generator Vector Pattern Generatorは様々なパターン背景をカスタマイズしてダウンロードできるWebアプリです。 よくある背景ジェネレーターですが、カスタマイズ性が割と...

ユニークでシームレスなパターン背景を簡単に作成、SVGやPNG等でダウンロードできる・「Pattern Generator」

Pattern Generator Pattern Generatorはユニークでシームレスなパターン背景を簡単に作成、SVGやPNG等でダウンロードできるWebアプリです。 用意されたパターンを選択肢てカラー等を設定して好みの...

写真をアップロードすると自動で背景を削除してくれるWebアプリ・「BACKGROUND REMOVER」

BACKGROUND REMOVER BACKGROUND REMOVERは写真をアップロードすると自動で背景を削除してくれるWebアプリです。 今までSlazzerやSocialBook Free Background Rem...

使用頻度の高そうなUIをその場で作ってコードを発行、コピーして使える・「CSSLab」

CSSLab CSSLabは使用頻度の高そうなUIをその場で作ってコードを発行、コピーして使えるWebサイトです。 ボタンやモーダルウィンドウ、各アニメーションエフェクト、矢印付きのボタンやリンクなどをその場でデザイン、CSSと...

シンプルなものからユニークなものまで様々なSVGパターン背景を作れるオープンソースのWebアプリ・「Pattern Monster」

Pattern Monster Pattern Monsterはシンプルなものからユニークなものまで様々なSVGパターン背景を作れるオープンソースのWebアプリです。 波状や罫線、レンガ状、方眼紙、、サークルを使ったものやスクエ...

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...
Ads