Resource - ジェネレーター

カウントダウンを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

PDFのグラフ用紙をオンラインで生成出来る・「Paperkit」

Paperkit Paperkitは、オンラインでグラフ用紙を生成出来るツール。サイズ、グリッドの幅や色を指定。PDFはBase64形式で発行されます。 Paperkit

4つのCSSツールを1つのサイトに集約した・「CSSmatic」

CSSmatic CSSmaticは、4つのCSSツールを集約したツールサイトです。グラデーション、角丸、ノイズテクスチャ、ドロップシャドウを作成出来ます。 CSSmatic

アップロードした画像をスマフォのアプリアイコンにする・「Makeappicon」

Makeappicon Makeappiconは、アップロードした画像をスマフォ用のアプリアイコンのサイズにしてくれるジェネレーターです。画像は画面上にドロップすればアップロードできます。 Makeappicon

Twitter BootstrapのCSSをオンラインで作成・「StyleBootstrap.info」

StyleBootstrap.info StyleBootstrap.infoは、Twitter BootstrapのCSSをオンラインで作成出来るジェネレーター。容易にBootstrapのカラーをカスタマイズする事が出来ます。ただし...

レスポンシブWebデザイン対応のテンプレ生成ジェネレーター・「Responsify」

Responsify Responsifyは、レスポンシブWebデザインに対応したWebサイトのテンプレートを作成出来るジェネレーターです。グリッドのカラム数やブレークポイントなどを指定してからダウンロードします。 Respon...

画像をDataURIスキームに変換する・「Data URI Generator」

Data URI Generator Data URI Generatorは画像をアップロードすると、同じ画像をDataURI形式で出してくれるジェネレーターです。尚、画像の大きさには制限があります。 Data URI Gene...

ドラッグ&ドロップでGIFアニメをオンライン生成・「Mothereffinanimatedgif」

Mothereffinanimatedgif Mothereffinanimatedgifはドラッグ&ドロップでアニメーションgifを作成出来るジェネレーター。中央にgifアニメに使いたい画像をドロップしていけばアニメーションgifが...

HTML5のテンプレートを作るスタータージェネレーター・「Initializr」

Initializr InitializrはHTML5で作るWebサイトを構築するためのスターターキットをジェネレートするツールです。様々なオプションもあるので好みの雛形を作成する事が可能です。 Initializr
Ads