Resource - ジェネレーター

オンラインでフォントを作成出来るWebツール・「FontArk」

FontArk FontArkはオンラインでフォントを編集、作成出来る高性能なフォントエディタです。マウスの操作で手軽にフォントを作成する事が出来ます。既存フォントを編集する事も可能です。登録は無料ですが、フォントのダウンロードにはク...

コンタクトフォームを簡単に作成出来るソフトウェア・FORMOID

FORMOID FORMOIDはコンタクトフォームを簡単に作成出来るデスクトップアプリです。ドラッグ&ドロップで簡単にコンタクトフォームを作成出来る、というもの。送信先等、細かい部分は作成後に書く必要があります。Windows版とMa...

OSSとしても公開されている、粘土細工風3Dモデリングツール・「SculptGL」

SculptGL SculptGLはオープンソースで配布されている、粘土細工風の3Dモデリングツールです。凹凸の強弱や色、ペンの太さ等を調整して整形していきます。ライセンスはMITとなっています。 SculptGLOn Gith...
Ads

マークアップ不要でWebサイトのレイアウトから公開まで行える・「Webydo」

Webydo Webydoはマークアップ不要でWebサイトのレイアウトから公開まで行えるWebサービスです。マウスでエレメントを設置し、テキストや画像を施して公開さればWebサイトが出来上がる、というもの。マークアップをしないWebデ...

ダミーテキストやダミーのユーザー名を作成出来る国産ツール・「DummyObject」

DummyObject ご連絡頂いたのでご紹介。DummyObjectはダミーテキストやダミーのユーザー名を生成出来る国産ツールです。ダミーテキストは青空文庫にある類のものを字数指定で生成出来ます。ダミーユーザーは人物名を漢字、ひらが...

ChromeエクステンションのBoilerplatを作成出来る・「Extensionizr」

Extensionizr ExtensionizrはChromeのエクステンション向けの雛形を作成出来るオンラインツールです。HTML5の雛形を作成出来るInitializrの姉妹サイトみたいですね。利用法はほぼ同じで、様々な仕様を選...

CSSで作られたアイコンのコードをコピペ出来る・「CSS 3 Icons Generator」

CSS 3 Icons Generator CSS 3 Icons GeneratorはCSSで出来たアイコンのコードをコピペ出来る、というWebサービスです。使いたいアイコンをクリックすると、コードが表示されるので貼ればいいだけのお...

サンプルデータを手軽に作成出来るオンラインツール・「generatedata.com」

generatedata.com generatedata.comは名前や住所等のデータのサンプルを生成してくれるオンラインツールです。HTMLのテーブルやリストなどのテストに役立ちそうですね。データのタイプもかなり豊富に揃えられてい...

ブックマークレットを作成 / 公開できる・「Bookmarkify.it」

Bookmarkify.it Bookmarkify.itはWeb上でブックマークレットを作成出来るWebツールです。作成と言っても、タイトルとJavaScriptの書き込み、別ファイルのjsをincludeさせるだけのシンプルなもの...

ttfフォントをWebフォント化するジェネレーター・「@font-face Generator」

@font-face Generator @font-face Generatorはオンライン上でttfフォントをWebフォントに対応可能にしてくれるジェネレーターです。アップロードすればWebフォントに対応できるファイルを作成し、パ...

Chrome Developer ToolsやSublime Text 2のテーマをギャラリーにしている・「devthemez」

devthemez devthemezはChromeのデベロッパーツールやSublime Text2のテーマをギャラリーにしているWebサイトです。毎日のように見る画面なので出来る限り見やすく読みやすいテーマにしたい所ですね。 ...

デバイス別にレイアウトを作れるレスポンシブWebデザイン用CSS作成ツール・「Responsive Web Css」

Responsive Web Css Responsive Web Cssは、iPhoneやiPad、PCなどのデバイスの画面サイズ毎にレイアウトを作れるレスポンシブWebデザイン向けのCSS作成ツール。ボックスはカラムを追加して幅を...

WebサイトのスクリーンショットをiPhoneやiPad、Androidなどを模したイラストと合成できる・「MockUPhone」

MockUPhone MockUPhoneはiPhoneやiPad、Androidなどを模したイラストにスクリーンショットを合成出来る、というモックアップツール。そのデバイスで閲覧しているような画像を手軽に作ることが出来ます。 ...

WordPressのウィジェットやタクソノミー、ショートコード等を手軽に作成出来る・「Generate WP」

Generate WP Generate WPはウィジェットやタクソノミー、ショートコード等を手軽にオンライン上で作成出来るジェネレーターです。地味に面倒な雛形部分のコードを提供してくれます。カスタマイズ前の雛形としても使えそうです。...

カウントダウンをGIFアニメで作成出来る・「Gif Countdown」

Gif Countdown Gif CountdownはよくあるカウントダウンタイマーをGIFで作れるWebツールです。需要はともかく技術が面白かったです。色の変更やタイムゾーンの指定も可能ですが、含まれるテキストは今の所、固定のよう...

CSSによる三角形をジェネレートできる・「CSS triangle generator」

CSS triangle generator CSSで三角形を簡単に作成出来るツールです。オールドブラウザのシェアもかなり低下していて良い傾向ですけど、まだ対応する必要があるケースもあるので覚えておくと便利かもしれない。 C...

様々なソーシャルメディアサイト内で使用するアイコンや背景を作成・「Social Media Image Maker」

Social Media Image Maker Social Media Image Makerは主要なソーシャルメディアサイト内で使うアイコンや背景などを作成出来るジェネレーターです。それぞれのソーシャルサイトで利用出来る画像...

動作を確認しながらCSS3のkeyframeを使ったアニメーションを作成・「Stylie」

Stylie Stylieは動作デモを確認しながらCSS3のkeyframeを利用したアニメーション用コードを作成するOSSのツールです。右のボックスで軸等をセッティングしていきます。MITライセンスでGithubでも公開されています...

オン/オフの切り替えスイッチをスタイル・「On/Off Flipswitch HTML5/CSS3 Generator」

On/Off Flipswitch HTML5/CSS3 Generator On/Off Flipswitch HTML5/CSS3 Generatorは、オン/オフの切り替えスイッチをスタイルできるジェネレーターです。スマフォライ...

画像をドラッグ&ドロップでアップロードし、DataスキームURIに変換する・「Duri.me」

Duri.me Duri.meは画像をD&Dでアップロードし、DataURIに変換するジェネレーターです。作成後はCSS、imgタグ等をコピーできます。 Duri.me

レスポンシブ且つグリッドなレイアウト生成ジェネレーター・「gridpak」

gridpak gridpakは、レスポンシブWebデザインに対応したグリッドレイアウトジェネレーターです。従来のグリッドジェネレーターにブレークポイントを設定出来る項目が付いているので操作も楽に行えます。 gridpak

アイコンのデザインをカスタマイズしてダウンロード出来る・「IconBench」

IconBench IconBenchは、アイコンを選択してスタイリングし、そのままダウンロードできるツール。シンプルなアイコンにドロップシャドウやストローク等を加えてダウンロードする事が出来ます。 IconBench
Ads