アバターが作れるオンラインジェネレーターまとめ。いくつかのサイトでは写真をアップする事で、アバターを自動生成する事もできます。他にもWiiのMiiに似せたもの、サウスパークやシンプソンズ風のものなど色々あります。こういうのって何に使うんだろ、とか思ってたんですが、最近じゃTwitterのアイコンとかに使う人たまにいますね。サウスパーク風のはなかなかナイス。
サイト上でパスを描画し、そのパスに沿って文字をタイプする事のできるCSSジェネレーター。イラレさえあればこんな事簡単にできるんですが、画像ではなくテキストのまま配置できる点がナイス。テキストの向きや間隔などの細かい指定もできるようです。イイ感じに仕上がったら「Generate HTML」ボタンを押す事で、DL用のソースコードが出力されます。CSSもHTML内にインラインで記述されているので、あとはコピペするだけ。HTMLに拘りたい時や、イラレが手元にない場合に便利なウェブアプリ。
HTMLやCSSに関するオンラインジェネレーターのまとめ記事。とは言ってもほとんどがCSSジェネレーターです。フォントやレイアウト、カラーピッカー、角丸生成、グラデーション生成、単位変換、CSSスプライト生成、グリッドレイアウト、コード圧縮などが紹介されてます。ソース記述が面倒な作業を、こうしたオンラインツールにやらせるのもイイかも。グラデとか。
CSSボタンを生成する事のできる5サイトが紹介された記事。画像を使わずにコードだけで表現できるものばかりで、サイトによってはCSS3が使われています。ただし2つめのBonBonはジェネレーターではなくZipファイル配布です（けどこれが一番すごい）。使いやすいなと思ったのは、1つめのCSSButtonGeneratorで、各色の指定からボタンのシェイプまで、分かりやすくリアルタイムに編集できます。イメージレスのボタンを制作する際に便利なまとめ記事。
CSS3で描画するリボン状のヘッドラインジェネレーター。海外のサイトでよく見かける、ボックス要素に回り込むアレです。この手のデザインって折り返しの部分を画像にするのが一般的ですが、ここで吐き出されるコードはフルCSSで、単純に吐き出されたコードのみをコピペすれば使えるようです。ちょっとメンドくさそうなコードをオンラインで生成でき、かつコード貼り付けのみで対応できるのはなかなかナイスです。
HTMl5とCSS3に関するリソースサイトがまとめられた記事。ブラウザごとのサポートチェックリスト、文字装飾ジェネレーター、チートシート、色指定一覧、角丸コードジェネレーター、ギャラリー、レイアウトモジュール、グラデーションジェネレーターなどが紹介されてます。HTML5 & CSS3を使ったモダンコーディングを今から始めようって人多いと思いますが、この手のお助けサイトには色々とお世話になりますな。
CSS3でコーディングレベルで描画できるようになったグラデーションですが、複雑なグラデにすればするほど記述がちょい面倒というか、グラフィック系のソフトでちょいちょいっとやるようにはいかなかったりします。このウェブアプリを使えば、見た目に分かりやすく、かつ簡単にグラデーションを描画してCSSをDLする事ができます。ちなみにプリセットもいくつかあるので、目指すグラデに近いものを素体にする事もできます。この手のグラデジェネレーターとしてなかなか使いやすいんじゃないでしょうか。
露出違いで撮影した複数の写真を合成し、HDR写真として1枚の画像に合成してくれるジェネレーター。通常HDR写真作成の手順としては、「カメラのブラケティング機能を使って露出違いで3枚程度撮影」→「PhotoshopやPhotomatixなどのソフトを使って合成」というのが一般的な流れですが、このジェネレーターでは2番目の手順をオンラインで行う事ができるというもの。いわゆる疑似HDRではなく、ちゃんとしたHDR生成のためのウェブアプリです。実際にやってみようと思ったものの、手元に露出違いの同構図写真がなかったので、実際には試してません。サンプルを見ると、VividとかNaturalといった感じで、補正の強さも選べるようです。HDR作成アプリの代替としてナイスなウェブアプリ。
