CSSのclip-pathプロパティで使うコードを手軽に作成出来る・「Clippy」
Clippy Clippyはclip-pathプロパティで使うコードを手軽に作成出来るツールです。用意されたサンプル画像に重ねて確認しながら作成するだけでコードを出してくれます。手軽で良いのでは。尚、画像をアップロードして～と言った類...
Resource - ジェネレーター
ブラウザ上で手軽にチャートを作成、公開出来るWebサービス・「 ChartBlocks」
ChartBlocks ChartBlocksはブラウザ上でチャートを作成、公開出来るWebサービスです。スプレッドシートをアップロードして読み込むか、本ツールで作成し、そのデータを元にチャートを作成、デザインしていきます。作成したチ...
少しずつ色が変わるグラデーション背景をCSSで作成出来る・「CSS GRADIENT ANIMATOR」
CSS GRADIENT ANIMATOR CSS GRADIENT ANIMATORは少しずつ色が変わるグラデーション背景をCSSで作成出来るWebサービスです。keyframesを使ってアニメーションさせているみたいですね。なかな...
SVGのシンプルなローディングアニメーション画像を手軽に作成出来る・「SVG Circus」
SVG Circus SVG CircusはSVGのスピナーをオンラインで作成出来るツールです。形状はシンプルですが、お手軽で良いですね。各エレメントのエフェクトを設定してExport SVGを押せばコードが発行されます。 SV...
カラフルなCSSグラデーションを作成出来る・「Colorful CSS Gradient Background Generator」
Colorful CSS Gradient Background Generator Colorful CSS Gradient Background Generatorは複数色を使ったCSSグラデーションを手軽に作成できるオープンソ...
SVGベースのシームレスなパターンをオンラインで作成出来る・「Plain Pattern」
Plain Pattern Plain PatternはSVGで作るシームレスなパターン背景をオンラインで作成出来るツールです。恐らく直感で利用できると思います。背景の画像は用意されたものでもSVGをアップロードして作る事も出来るのす...
スマフォやタブレット等のデバイスの画像フレームにスクリーンショットを埋め込める・「Frame」
Frame FrameはiPhoneやiPad、Andoroidやデスクトップなどのデバイスの画面に任意のスクリーンショット画像を合成できるWebサービスです。指定されたサイズの画像をアップロードするだけで合成された画像を作ることが出...
Youtubeから手軽にgifアニメを作れる・「GIF YouTube」
GIF YouTube GIF YouTubeはYoutubeの動画から手軽にgifアニメを作成出来るWebサービスです。閲覧しているYoutubeのURLのドメインの頭にgifを加えるだけでその動画のgif作成ページに移動できます。...
テキストやMarkdownにも対応したテーブル作成ツール・「Tables Generator」
Tables Generator Tables GeneratorはHTMLだけでなく、プレーンテキストやMarkdown記法、LaTeX、MediaWiki記法にも対応したテーブル作成ジェネレーターです。プレーンテキストのテーブ...
専用のドローツールで描いた絵を元にロゴをデザインしてくれる・「Logoshi」
Logoshi Logoshiは用意されたドローツールで描いた絵を元にロゴを自動でデザインしてくれるツールです。上図のように、適当に描いたものでもそれっぽいロゴを作成し、名刺やパンフレットにした際のプレビューも表示してくれます。アイデ...
日本語にも対応した、入力したテキストを音声ファイルでダウンロードできる・「Sound of Text」
Sound of Text Sound of Textは入力したテキストを音声に変換、MP3でダウンロードできるWebサービスです。多数言語に対応しているのが凄い。日本語もあり、何回かテストしてみましたが、十分実用可能なクオリティでし...
RAWデータをJPEGに変換するコンバーター・「Raw.pics.io」
Raw.pics.io Raw.pics.ioはオンライン上でDNGやCR2などのRAWデータをJPEG等に変換してくれるツールです。ドラッグ&ドロップすれば変換してくれるのは手軽で良いですね。一部の方に喜ばれそうなツールです。 ...
自動で背景を消し、切り抜いてくれる・「Background Burner」
Background Burner Background Burnerは画像をアップロードすると、自動で切り抜き画像にしてくれるツールです。と、聞こえはいいのですが、全自動なので精度も完璧とはいえません。一応、切り抜き後に、多少調整は...
ポリゴン風の画像をSVGで生成する・「Trianglify」
Trianglify Trianglifyはポリゴン風のパターン画像をSVGで生成できるジェネレーターです。OSSとしても公開されています。この手の背景は最近チラホラと見かけるようになりました。一過性の流行で終わる気もしますがソースは...
印刷用のグリッド生成ツール・「Gridzzly.com」
Gridzzly.com Gridzzly.comは印刷用のグリッドジェネレーターです。方眼紙やドット方眼紙、ノート用紙に対応しており、幅も設定できます。地味に便利ですね、これ。 Gridzzly.com
SVGをアップロードしてフォント化できる・「Glyphter」
Glyphter GlyphterはSVGをアップロードしてフォント化、ダウンロードできるWebツールです。それぞれのアルファベット文字に、任意のSVGファイルをアップロードしてフォントを作成できます。アップロードはドラッグ&ドロップ...
Youtubeからgifアニメを作れる・「GIFFFFR」
GIFFFFR GIFFFFRはYoutubeの動画をgifアニメ化し、ダウンロードできるツールです。URLを指定すると、動画が読み込まれ、動画の時間やサイズ等を指定すればいいだけ。ただ、サイズや動画の長さ次第ではかなり作成に時間がか...
人物の顔のダミー画像生成ツール・「ui Faces」
ui Faces ui FacesはUI設計に使える人物の顔のダミー画像生成ツールです。サイズや間隔の変更、角丸化などが出来る様になっています。許可等が気になったのですが、モックアップ等に使用してもいい、という方が自分でアップロードし...
CSS3のkeyframesを容易に設定出来る・「CSS3 Keyframes Animation Generator」
CSS3 Keyframes Animation Generator CSS3 Keyframes Animation GeneratorはCSS3のkeyframesを容易に設定出来るツールです。数値を各項目に設定するだけでコードを...
jQueryのカスタムビルドを作成出来るツール・「jQuery Builder」
jQuery Builder jQuery Builderはコアのカスタムビルドを作成する為のツールです。バージョンや圧縮の可否、追加するモジュールを選ぶ事が可能で、ファイルサイズも表示してくれます。また、本ツールはMITライセンスの...
Google Mapのカスタマイズ用ツール・「Google Map Builder」
Google Map Builder Google Map Builderは手軽に埋め込み用のGoogle Mapをカスタマイズ出来るツールです。サイズや細かいセッティングを設定してコードを取得します。マーカー指定も出来るみたいですが...
フォントファイルをアップロードし、エフェクトを加えて別のフォントファイルとしてダウンロード出来る・「FontPunk.com」
FontPunk.com FontPunk.comは、フォントファイルをアップロードして、アウトラインや太さを調節し、別のフォントとしてDL出来る、というWebサービスです。加工は斜めにしたり3D化したりと様々。まだ細かい加工は出来ま...