任意の画像にプレビューを確認しながらフィルタをかけてCSSのfilterでコードを出せる・「」
CSS Filter See the Pen CSS Filter by Jordano Aragão (@jordanoaragao) on CodePen. CSS Filterは任意の画像にCSSのfilterをテストでき...
Resource - ジェネレーター
スマフォやタブレットのモニタに任意の画像を合成してモックアップを作成できる・「Smartmockups」
Smartmockups Smartmockupsはスマフォやタブレット、Apple Watchのようなウェアラブルデバイスのモニターに任意の画像を合成出来るWebサービスです。よく見かける合成サービスですね。以前ご紹介したMocke...
Instagramライクな画像フィルターを簡単に設定可能でCSSコードも出してくれる・「cssFilters」
cssFilters cssFiltersはInstagramライクな画像加工をCSSで施せるWebアプリです。画像はUnsplashから引っ張るか任意の画像をアップロードします。CSSgramが使用されており、プレビューを見ながらス...
任意の画像をレスポンシブに対応したHTMLタグや画像を生成するジェネレーター・「Responsive Image Breakpoints Generator」
Responsive Image Breakpoints Generator Responsive Image Breakpoints Generatorは任意の画像をRWD対応にする為のジェネレーターです。srcset属性による画像...
任意の画像からカラースキームを生成する・「ColorFavs」
ColorFavs ColorFavsは任意の画像からカラースキームを生成するツールです。画像はアップロードとURLの選択肢がある他、ベースカラーと色相、明度を指定してランダムに生成する事も出来ます。生成されたカラースキームはシェアも...
色覚異常の方やプリンターによる印刷を意識したGoogle謹製のカラーパレットジェネレーター・「palette.js」
palette.js palette.jsはGoogle謹製のカラーパレットジェネレーターです。生成されるカラースキームは色覚異常の方への配慮だけでなく、プリンターフレンドリーにも設計してあるそうです。生成されたパレットはマウスホバー...
動画を元に、AIによる自動作曲とその音源のダウンロードが出来る・「Jukedeck 」
Jukedeck Jukedeckは任意の動画からAIによる自動作曲をしてくれるWebサービスです。作曲された音源はダウンロードする事も可能です（無料プランは5曲まで）。例えば製作中のゲームを動画に撮って、自動作曲してもらう、とかも...
日本にも対応の、地図をピクセルマップ化してPNGやSVGでダウンロード出来るジェネレーター・「Pixel Map Generator」
Pixel Map Generator Pixel Map Generatorは地図をピクセルマップにしてPNGやSVG、HTMLでダウンロードできるジェネレーターです。上図のように日本及びマウスホバーによる都道府県名の表示にも対応し...
大量の素材が用意されたスマフォやタブレット等のはめ込み画像ジェネレーター・「Placeit」
Placeit Placeitは大量の素材が用意されたはめ込み画像モックアップジェネレーターです。用意されている写真素材内のスマフォやタブレット、Apple Watch、PCのモニターに任意の画像やURLの指定で手軽にはめ込み画像を作...
Youtubeから任意の箇所のGifアニメを作成し、音声付与やEmbedも可能なWebサービス・「Gifs」
Gifs GifsはYoutubeに投稿された動画からGifアニメを作成出来るWebサービスです。サービスとしてはよく見かける類のものですが、こちらはEmbed機能をつかうと専用プレーヤーで再生するので上図のようにGif画像に音声を合...
シームレスな背景パターンを作成できるジェネレーター・「Background Image Generator」
Background Image Generator Background Image Generatorはシームレスな背景パターンを作成出来るジェネレーターです。背景の色や素材、形状、ノイズ等を選んでダウンロードするだけとお手軽で素...
CanvasやSVGによるパターンを作成出来る・「Halftone Patterns」
Halftone Patterns Halftone PatternsはブラウザでCanvasやSVGによるパターンをジェネレート出来るWebサービスです。CanvasかSVGかの選択、エレメントと背景色、サイズやエレメントの大きさ、...
オープンソースのBootstrapテーマジェネレーター・「Bootstrap Magic」
Bootstrap Magic Bootstrap Magicはブラウザ上でBootstrapのテーマを作成出来るツールです。OSSとしてソースコードも公開されています。テキストやボタンに限らず、リストやページネーション、タブなどの各...
写真から3Dモデルを作成出来る・「Smoothie-3D」
Smoothie-3D Smoothie-3Dは写真から3Dモデリングを自動で行ってくれるWebサービスです。任意の写真をトレースすると自動で3Dモデルを作成してくれる、というもの。ざっくりと輪郭を、というのではなく、3Dにしたい対象...
404ページやメンテナンスページを作成出来る・「Better Error Pages」
Better Error Pages Better Error Pagesは404ページや503ページ、メンテナンスページ等を作成出来るWebサービスです。URLやメールアドレスなど、必要な情報を入力し、スタイルするだけ。テンプレート...
CSSのfilterのコードを、インタラクティブに生成出来るジェネレーター・「CSS Filter Effects」
CSS Filter Effects CSS Filter EffectsはCSS filterのコードを、実際にかかるエフェクトを見ながら生成出来るジェネレーターです。BlurやBrightness、Hue Rotate、Grays...
iPhoneやApple Watch、Androidのアプリアイコンにリサイズ出来るツール・「App Icon Resizer」
App Icon Resizer App Icon Resizerは作成したアイコンをiPhoneやApple Watch、Android向けのサイズにリサイズしてくれるWebツールです。チェックボックスにチェックを入れてアイコン画像...
App Store用のスクリーンショットを作成出来る・「App Store Screenshot Builder」
App Store Screenshot Builder App Store Screenshot BuilderはApp Store用のスクリーンショットを作成出来るツールです。単純に、SSをアップロードしたりApp Storeに置...
SVGやPDF、EPUBなど様々なフォーマットに対応したオンラインコンバーター・「Convertio」
Convertio Convertioは様々なフォーマットに対応した変換ツールです。JPGやPNGは勿論、SVGやPDF、Word、CSV、EPUBなどからMP3などの音源ファイルやLHAなどのアーカイブファイルのコンバートも可能です...
Bootstrapのひな形を手軽に作成出来る・「lollytin」
lollytin lollytinはBootstrapのひな形を手軽に作成できるツールです。大まかな型をドラッグ&ドロップで作成、コードを発行してくれます。1から作るよりは1を作ってくれるツールを使う方が工数稼げる、みたいな使い方にな...
任意の画像をアップロードし、PCモニター画像に合成してモックアップを作成してくれる・「Magic Mockups」
Magic Mockups Magic Mockupsは任意の画像を、予め用意されているPCのモニター画像に合成してくれるジェネレーターです。以前ご紹介したPlaceItと同じようなサービスになりますが、Magic Mockupsは合...
ドラッグ&ドロップでHTMLメールのスタイルを作成出来る・「BeeFree 」
BeeFree BeeFreeはHTMLメールのスタイリングをD&Dで作成出来るWebサービスです。用意されたエレメントをドラッグして配置、テキスト等を入力するだけ。幅の設定等も出来ます。毎度作り直すケースも考えられるのでこの手のツ...