画像を一瞬で任意の色のツートンカラーに変換する・「Duotone」
Duotone Duotoneは任意の画像、またはunsplashの画像を任意の2色トーンに変換してダウンロードできるWebサービスです。画像はアップロードした瞬間に変更、即DLが可能です。動作はかなり軽い、というか待ち時間ほぼ0で変...
Resource - ジェネレーター
テンプレートをカスタマイズして手軽にSVGの背景を作成できる・「SVG Backgrounds」
SVG Backgrounds SVG Backgroundsは好みのテンプレートを選んで簡単にカスタマイズ、SVG背景として利用できるジェネレーターです。30種ほどのテンプレートが用意されており、それぞれ色やサイズを変更する事ができ...
BootstrapやFoundationに対応の高性能テーマビルダー・「Gridbox」
Gridbox GridboxはBootstrapやFoundationに対応のテーマビルダーです。無料で利用可能で、ドラッグ&ドロップでコンテナを追加、index以外の別ページの作成、細かなデザイン設定、RWDのプレビュー確認機能、...
Webサイトのmetaタグをチェックし、OGPタグ等のコードを生成してくれる・「HEY META」
HEY META HEY METAはWebサイトのmetaタグをチェックし、生成してくれるWebサービスです。SNS等でシェアされた際にどのようなソーシャルカードが表示されるか、サムネイルの設定やタイトルは適切かどうかをチェックし、コ...
美しいグラデーションをリスト化、編集やCSSコードのコピーも出来る・「CSS GEARS」
CSS GEARS CSS GEARSは美しいグラデーションを公開しているプロジェクトサイトです。各グラデーションは編集も可能で、CSSコードをコピーする事も可能です。マウスホバーで左右にボタンが出ますので、カラーコードを直接編集する...
画像を解析してパスを生成、単色のSVGに変換してくれる・「Tracy」
Tracy Tracyは任意の画像を解析してパスを生成、単色のSVGに変換してダウンロードできるツールです。基本的には紙で書いたものを即SVGにする、というのが目的のようです。トレースするからTracy、って事なんですかね。色の選択は...
3Dなスマフォのモックアップを作成できる・「threed.io」
threed.io threed.ioは3Dなスマフォのモックアップを作成できるジェネレーターです。よくあるSS合成ツールが3Dに対応している、みたいなもの。任意の画像をアップロードし、モニタに合成、好みの角度から見た状態の画像を作成...
任意の画像をデバイス画像に合成し、任意の画像やテキストも挿入できるモックアップ作成ツール・「MOCKUP GENERATOR」
MOCKUP GENERATOR MOCKUP GENERATORはさまざまなデバイスのモニタ画面に任意の画像を合成してモックアップを作成できるジェネレーターです。先発サービスとの相違点は、合成だけでなく、任意のテキストや画像も挿入で...
大量のアイコンやフォント、シェイプを組み合わせて手軽にロゴを自作できる・「DesignEvo」
DesignEvo DesignEvoは大量のアイコンやフォント、シェイプとカラー、方向を組み合わせて手軽にロゴを作成、ダウンロードできるWebサービスです。開発者さんからご紹介いただきましたが、この手のサービスの中ではかなりよさそう...
アップロードされた画像を様々な解像度に変換、問題なく認識できるよう処理してくれるツール・「Logo Crunch」
Logo Crunch Logo Crunchは任意の画像をアップロードして、256x256や128x128、32x32などの多用な解像度に変換、それぞれの解像度でも元の画像を認識できるよう処理してくれるWebツールです。また、自動処...
必要なコンテナを配置したHTMLのboilerplateを作成出来るHTMLスターターキット作成ツール・「Aperitif」
Aperitif Aperitifはプロジェクトに必要なコンテナを配置したHTMLのboilerplateを作成出来るHTMLスターターキット作成ジェネレーターです。使い方はまず最初に配置したいエリアをクリックしてから配置するコンテナ...
マテリアルデザインのカラーパレットをランダム生成するジェネレーター・「Random Material Palette Generator」
Random Material Palette Generator Random Material Palette Generatorはランダムにマテリアルデザインのカラーパレットを生成するカラーパレットジェネレーターです。画面クリッ...
グラデーションを作成し、そのCSSをコピーできる・「Grabient」
Grabient Grabientは作成したグラデーションのCSSをコピーできるWebサービスです。作成というか、既に作られた沢山のグラデーションから好みのグラデーションを選択し、調整した後にCSSををコピーできる、みたいなの。ですが...
スクショを使ってスマフォやタブレットの画像に合成してくれるサービス・「Dimmy.club」
Dimmy.club Dimmy.clubはWebページやアプリ等のSSを撮ってスマフォやタブレット、PC等のモニター部分に合成してくれるモックアップ作成サービスです。よくあるやつですね。特にここだけにしかない特徴は、パッと見ありませ...
CSV⇔JSONに変換してくれるファイルコンバーター・「sqlify」
sqlify sqlifyはCSVやJSONからJSON、CSV、SQLフォーマットに変換出来るファイルコンバーターです。ファイルのアップロード、URL、コードの直接入力等で変換してくれます。SQLはエクスポートのみとなっています。大...
TwitterやYoutubeチャンネル、Facebookなどのカバー画像やフライヤー、ポスター等のグラフィックをデザイン出来るオンラインツール・「Crello」
Crello Crelloはさまざまなグラフィックデザインを手軽に作成出来るオンラインツールです。TwitterやYoutubeチャンネル、Facebookなどのカバー画像やInstagram、Twitterにポストする用の加工ツール...
ロゴを手軽に作成、購入出来るジェネレーター・「Logopony」
Logopony Logoponyはオンラインでロゴを作成、購入できるジェネレーターです。太古の昔から見かけるサービスですが、このサービスに限っては、ロゴのデザインクオリティと金額が個人的に納得できるものだったので備忘録として。作り方...
CSSやMicrodata、Open Graphなどのシンプルなコードジェネレーターを沢山公開している・「Web Code Tools」
Web Code Tools Web Code Toolsはさまざまなコードジェネレーターを公開しているWebサイトです。CSSやHTML、Microdata、Open Graphなどなどのコードとパパッと作成出来るものがずらりと並び...
WordPressのカスタムタクソノミーやカスタム投稿、ショートコードを作れるジェネレーター・「Hasty」
Hasty HastyはWordPressのカスタム分類やカスタム投稿タイプ、ショートコードやカスタムメニューなどのコードを発行してくれるジェネレーターです。もろもろの設定やオプションを決めて作成すればコードが発行されるのでfunct...
CSSアニメーションを手軽に作成、コードをコピー出来る・「Animista」
Animista Animistaは手軽にCSSアニメーションを作成、コードをコピーできるWebツールです。BasicやEntrance、TextやAttentionなどを選択してアニメーションを作成すればコードが発行されます。動作を...
accessibleなカラーパレットの作成をサポートしてくれる・「Accessible color palette builder」
Accessible color palette builder Accessible color palette builderはaccessibleなカラーパレットの作成をサポートしてくれるWebツールです。任意のカラーを5色設定...
シンプルなLPを作成出来るWebサイトビルダー・「Prelaunch & landing page builder」
Prelaunch & landing page builder Prelaunch & landing page builderはシンプルなランディングページ作成ビルダーです。用意された写真、或いは任意でアップロードした画像を背景に...