レスポンシブ対応したサイトのURLを入力する事で、各種デバイスでのレンダーを一括で確認できるサイト。用意されてるデバイスは主にiPhone、iPad、Androidの3つ。縦位置と横位置のそれぞれが用意されてます。試しに自分のブログのURLを突っ込んだところ、iPad以外では微妙な表示になりました。まぁ対応してないので当然ですが。レスポンシブ対応した後での簡易確認にちょうどイイですねこれ。
入力したURLのサイトスクリーンショットを撮り、そこに注釈を付け、さらにTwitterやFacebookなどを使って有人とシェアできるサービス。トップページのURL入力欄には最初からサンプルのものが入ってるので、とりあえず何も考えずに「Grab Screenshot」を押してみましょう。すると該当サイトのSSがロードされるので、ドラッグして選択範囲を作り、そこにテキスト入力すればオッケー。これサイト制作のごく初期の段階で、モデルにするサイトを使って顧客に説明する時なんかにイイっすね。あとプロトタイピングの際にも使えるかも。サクっと使える点が何よりイイ感じです。
PC内のフォントをロードして、任意のワードでの字面を確認できるサイト。とりあえずフォントをロードしてみて、入力欄に「Gundam」と入れてみました。するとウチのMacの中に入ってるフォントで「Gundam」と入力された一覧が出てきました。これ便利だわー。ロゴ制作の際の素体フォント選びに重宝しそう。白黒反転やフォントサイズ、スタイルなども調整可能で、気に入ったいくつかだけを抽出して再検討するというフィルタリング機能もある点がナイス。素晴らしい。
デザイナーのためのオンラインジェネレーターまとめ記事。25のサイトが紹介されます。これ系のまとめ記事でよく目にするサイトも多いけど、なかなかイイ感じにまとめられてたので紹介。ローディング中のアニメGif、テクスチャ、カラーパターン、Favicon、ボタン、バッジ、CSS3（テキストエフェクトとかボタンとか）、アバターなど様々なジェネレーターがまとめられてます。素早く簡単にという点にフォーカスされたなかなかナイスな内容。
CSS3に関するオンラインツールをまとめた記事。ボタンやリボン、グラデーション、角丸、ボーダーイメージ、テキストシャドウなどのジェネレーターや、RGB, HEX, CMYKの単位コンバーター、カラースキームジェネレーターなんかもあります。この手のオンラインツールはコーディングのお供としてナイスですな。
サムネール画像のバッチジェネレーター。まず最初にサムネールを作成したい画像（元画像）をページ内にドラッグ＆ドロップします。するとサムネール一覧内に追加されるので、サムネを作りたい画像の数だけブラウザウィンドウ内に放り込みます。一通り放り込めたら、一覧に表示されてるサムネール画像をドラッグして画像サイズを調整。最後にページ右上の「Thumbs.zip」ボタンをクリックすればZipファイルで一括ダウンロードできます。画像サイズの指定や配置などについては、画面上部のプルダウンメニューからも選べます。なかなか便利なサイトなんだけどSafariでは動かない点が残念。Firefoxでならちゃんと使えます。バッチ処理言うたらフォトショ使えばできますが、それが使えない環境なんかでの一括処理にとってもナイス。ECサイトの商品画像生成なんかにイイですね。
デザイナーのためのHTML5関連オンラインツールをまとめた記事。主にコードのジェネレーターですが、ちょっと変わったスケッチツールなんかもあります。役に立つ系としてはパターンジェネレーターやアニメーションツール、フォントテスト、HTML5でコーディングされたオーディオ再生パネル、SVD to Canvasの変換ツールなどがあります。HTML5でコーディングする際に役立つ・・・かどうかは微妙なところですが、まぁわりと興味深いまとめ記事だったので。
CSS3やHTML5のソースコードを吐き出す事のできるジェネレーターまとめ。ブラウザ上でCSS3の各種指定をした上で、そのソースコードを吐き出す事ができます。HTML5関連のものはごく一部で、主にCSS3関連の内容。ボックス要素の装飾を定義したり、グラデーションを作ったり、ボタンメーカーだったり、シャドウの細かな調整をしたり、コードを圧縮できたりします。あとチートシートなんかもありますね。CSS3ではできる事が増えるのに比例して面倒な事も増えてるので（グラデとか）、こうしたオンラインツールに頼るのもひとつの手かと。
