Twitterやacebook、InstagramなどのSNSに投稿した画像や動画をWebサイトにEmbed出来るウィジェットサービス・「複眼feed」
複眼feed 複眼feedはTwitterやYoutube、FacebookやInstagramなどのSNSで投稿した/された画像をウィジェットとしてWebサイトに張り付けられる国内サービスです。いわゆるブログパーツ的なもの。設定も細...
Resource - ジェネレーター
HTMLメール用の署名をプレビューを見ながら作成できる・「MySigMail」
MySigMail MySigMailはHTMLメール用の署名をプレビューで確認しながら作成できる署名ビルダーです。メール末尾によく用いられる、いわゆるSignatureを作れる、みたいなやつです。 以下はサンプル。 ...
シンプルで高速なパスワードジェネレーター・「Getpass」
Getpass Getpassはシンプルで高速なパスワードジェネレーターです。特別な機能はなく、通常のものと強力なものの選択が可能で、クリックするたび生成されます。軽くて余計な機能も無いので個人的には嫌いではありませんが、個人的にはD...
画像内の人物のみを自動で綺麗に切り取ってくれるWebアプリ・「remove.bg」
remove.bg remove.bgは画像内の人物のみを自動で綺麗に切り取ってくれるWebアプリです。画像をアップロードするか画像URLを指定するだけでその画像内の人物だけを切り取り、背景を透過してpngでダウンロードできる、という...
写真のメタデータを表示、画像化してダウンロードできる・「ExifShot」
ExifShot ExifShotは任意の写真からExifを解析してメタデータをカードデザインで表示、画像としてダウンロードできるWebアプリです。カードの幅やフォントサイズ、アスペクト比などの調整は可能ですが、メタデータの編集は出来...
顔のパーツを組み合わせてオリジナルの絵文字を作成できる・「Emoji Builder」
Emoji Builder Emoji Builderは顔の絵文字で使われているパーツを組み合わせてオリジナルの絵文字を作成、DL出来るWebツールです。なんとなくどこかにありそうですが探してみると以外となかったので備忘録。一般的に使...
ベースにしたい色を指定するだけでカラーパレットを生成するOSSなカラーツール・「PALX」
PALX PALXはベースカラーを指定するだけでカラーパレットをジェネレートしてくれるカラーツールです。フルスペクトラムなカラーパレットとして生成、変数を使ったCSSやJSON、Sassなどで利用できるようになっています。ドメイン/カ...
円グラフや棒グラフなど、様々なチャートを作成し、画像でDLしたりシェアできる・「Chartify」
Chartify Chartifyはブラウザで様々なチャートを作成、画像でダウンロードできるチャート作成ツールです。円や棒、折れ線、ドーナツなど、多くはありませんが必要最最低限は揃えられている印象で、使い方も概ねマウスのみで完結する手...
ユニークな形状も作れるborder-radiusジェネレーター・「FANCY-BORDER-RADIUS」
FANCY-BORDER-RADIUS FANCY-BORDER-RADIUSはユニークな形をインタラクティブに作成できるジェネレーターツールです。ユニークと言ってもSVGのような柔軟な対応はできませんが、コードもシンプルで扱いやすい...
ランディングページのひな型を作成、ダウンロードできるシンプルなLP作成ツール・「Unicorn Platform」
Unicorn Platform Unicorn PlatformはシンプルなLP作成サービスです。出来る事は用意されているコンテナを追加/削除してDLする、という事のみとなっています。テキストやカラー、要素の編集等は出来ませんのでH...
CSSのClip Pathを直感的な操作で簡単に作成できる・「Clip Path Generator」
Clip Path Generator Clip Path Generatorはその名の通りClip Pathを作成できるジェネレーターです。直感的な操作でパスを生成、コードを発行してくれる、というもの。マウス操作でパスを生成したら即...
書いたコードを画像化して保存できる・「CodeZen」
CodeZen CodeZenは書いたコードを画像化してダウンロードできるWebサービスです。以前書いたcarbonとほぼ同等のサービスですが、こちらはcarbonのようなツイート機能はありません。また、carbonはOSSである事か...
グラデーションなダミー画像を提供する・「Gradient Joy」
Gradient Joy Gradient Joyはグラデーションなダミー画像を提供してくれるサービスです。従来のダミー画像サービス同様、URLだけで表示可能な他、APIも公開されており、JSONで色の指定も可能です。ダミー画像サービ...
ポリゴンな背景パターンを生成できる・「Trianglify.io」
Trianglify.io Trianglify.ioはポリゴンな背景パターンを生成、ダウンロードできるジェネレーターです。結果を確認しながら高さや背景、細かさや色などを指定して作成する事が出来ます。リンク等も不要で、作成したポリゴン...
CSS Gridベースのを作成できるジェネレーター・「CSS Grid Layout Interface Builder」
CSS Grid Layout Interface Builder CSS Grid Layout Interface BuilderはCSS Gridベースのレイアウトをインタラクティブに作成できるジェネレーターです。特に細かい説明...
完成形を見ながらインタラクティブにCSSグリッドのコードを生成する・「cssgr.id」
cssgr.id cssgr.idはCSSグリッドのコードをインタラクティブに生成するジェネレーターです。シンプルにそれ以上でも以下でもないものです。生成されるコードは以下のようなものです。 CSSグリッドはコンテナを並...
様々なデバイスのモニターに任意の画像を合成できる・「MockupPhotos」
MockupPhotos MockupPhotosはiPhoneやPCなどの画像のモニター部分に任意の画像を合成してダウンロードできるWebサービスです。昔からよく見かけるモックアップ作成ツールですが、異なるのは他にも絵画や名刺といっ...
任意のキーワードを元に、AIがキャッチーでシンプルな名前を複数提案してくれる命名ジェネレーター・「Business Name Generator」
Business Name Generator Business Name Generatorは任意のキーワードから人工知能がキーワードを連想できる製品やプロジェクトの名前を提案してくれるネーミングツールです。上スクションはTokyo...
複雑なグラデーションも直感的に作成、CSSのコードも発行できるグラデーションジェネレーター・「CSS Gradient」
CSS Gradient CSS Gradientは複雑なグラデーションも直感的に作成、コードを発行できるジェネレーターです。バーの上でダブルクリックするだけで色を追加、左右に動かして調整できます。コードはそのまま表示されるのでコピー...
グラフやマップ等、データのビジュアル化の際に使えるカラースキームを生成できる・「Data Color Picker」
Data Color Picker Data Color Pickerはデータビジュアライズに使うためのカラーピッカーです。データ可視化の際に使用することを前提にパレットがジェネレートされるようです。使い方は5つのコンテナの両端の色を...
CSSグラデーションを直感的な操作で作成できる・「GradPad」
GradPad GradPadは直感的な操作でCSSグラデーションを作成できるツールです。よくあるジェネレーターと言われればそれまでなんですが、個人的には使用感が凄く良いと感じたので備忘録的に書いてます。2つのボタンを動かすことでグラ...
圧縮ツールやCSVコンバーター等、シンプルなツールをいくつか公開している・「hreftools.com」
hreftools.com hreftools.comは地味に便利なツールを公開するWebサイトです。先発のツール集サイトよりも数は圧倒的に少ないですが、個人的には結構気に入ったのでメモとして。おいてあるツールはHTML、CSS、Ja...