このページの本文へ

他力本願でもCoolなサイトを作りたい!

WebブラウザーだけでWeb制作を自動化する厳選ジェネレーター

2008年09月01日 18時36分更新

小橋川誠己/ASCII.jp

  • この記事をはてなブックマークに追加
本文印刷

Webブラウザーだけで楽しめるWebページのジェネレーターがある。Photoshopで写真画像を加工したり、ゴリゴリHTMLやCSSを書いてデザインするのも楽しいけど、たまにはお気楽に、思いっきり手を抜いてWebページを作ってみるのはどうだろう? そのまま使ってもよし、デザインやマークアップの参考にするもよし。どれも無料のサービスなので、気軽に試せる。


CSSも画像もまとめて作ってくれる角丸ジェネレーター
「RoundedCornr」


 HTML+CSS+GIF画像を使った角丸ボックスを作ってくれる定番ジェネレーター。コーナーの大きさやボックスのカラーなどのパラメータを指定すれば、必要なファイルがすべて自動生成される。背景をグラデーションにしたり、ボックス全体を1枚の画像としても出力できる。

■URL= http://www.roundedcornr.com/

Webジェネレーター Webジェネレーター
簡単な設定を済ませるだけで(左)、角丸ボックスのプレビューとHTML/CSS、GIF画像が生成される(右)


Web2.0風ローディング・アニメをカスタムメイドで
「ajaxload」


Webジェネレーター
左上のプルダウンでアニメーションの種類とカラーを選ぶと、画面左下にアニメーション画像(GIFファイル)が表示される
Webジェネレーター
インジケーターやカラーの設定は分かりやすいグラフィカルな画面で

 ローディング・アニメーション画像(Ajaxを使ったWebサイトでよく見かけるアレですね)を作れるジェネレーターサービス。30種類以上用意されているデザインとカラーの中から好みのものを選ぶと、アニメーションGIFが作成される。設定の必要があるパラメーターが少ないので、気軽に試せる。

■URL= http://www.ajaxload.info/



画像&文字が流れるファビコンをかんたん作成
「Free Favicons」


 Webブラウザーのアドレスバーやブックマークに表示されるファビコン(Favicon)を作成するジェネレーター。基本操作は基になる画像ファイルをアップするだけ。オプションで、文字列をスクロール表示するアニメーション・ファビコンも作れる。

■URL= http://www.freefavicons.info/

Webジェネレーター
3ステップでファビコンを作成。ページ下部に完成したファビコンが表示され、そのままダウンロードできる

(次ページ)最強ジェネレータはコレだ!

Web Professionalトップページバナー

この記事の編集者は以下の記事をオススメしています

ASCII.jp会員サービス 週刊Web Professional登録

HTMLリファレンス誘導バナー

CSSリファレンスサイト誘導バナー

Webディレクター江口明日香が行く

ランキング