入力欄にURLを入れる事で、対象サイトの現在のMETA情報を抽出でき、それを元にさらに詳細なMETA情報を生成できるサイト。サンプルとしてframerのものが用意されています。情報抽出後は、TitleやDescription、サイトのサムネールImage、URLなどを改めて指定する事ができます。一通り入力し終えたらサイト下部にある「Generate」ボタンを押せば完了。HTMLの基本的なMeta情報と共に、対Google用、Facebook用、Twitter用のものがまとめて出力されます。コメントアウトでHey Metaの情報が末尾に入るけど、まぁこれは消してもいいんじゃないかな。3つのサービスを対象としたMeta情報を一気に生成できるのがとっても便利です。
CSSアニメーションのジェネレーター。CSSでできる様々なアニメーションのサンプルが用意されていて、CSSコードをコピペして使う事ができます。アニメーションはカテゴリに分けて紹介されています。ベーシックなもの、アニメーションイン（導入）、アウト（はけ）、テキスト関連、注意を引く動き、背景画像に関するアニメーションの6つ。どの項目にもオプションが用意されていて、動きを細かく調整する事ができます。気に入ったものができたら右上にあるコード生成のボタンからCSSコードをコピーできます。オプションの内容も含めるとかなり多機能で、プレビューしながらコード生成できる使い勝手の良さもとってもナイスです。
かっちょいいグラデーション指定をサクっとコピペできるサイト。各パレットの右下にある「Copy CSS」をクリックすると、グラデーション描画のためのbackground-image指定をコピーできます。後は貼り付けるだけ。簡単！ また各パレットで使われている2色のHEX指定と、PNGのダウンロード機能もあります。用意されているカラーパレットも、いかにも最近な感じでオシャレな作例が多いです。2色考えるのめんどくせぇよ、とかいう乱暴なあなたに是非。
Webアクセシビリティーに配慮したカラーパレットを生成してくれて、さらに投票もできるサイト。一定のコントラストが確保された、背景色と文字色を出力してくれます。あとパレット生成の度にCSSコードも吐き出してくれます。よくあるカラーパレットオススメツールではあるんだけど、出て来る配色がイイ感じのものが多かったのが個人的にグっときました。ちなみに「a11y」ってなんのこっちゃ、って最初思ったんですが、この言葉って「accessibility」の略語なんですね。「単語なげーから途中の11文字略したわ！」的な流れで出来たそうで。こういう乱暴な略し方嫌いじゃないです。
用意されているテンプレートからパーツを組み合わせて顔文字AAを作るジェネレーター。Body, Eyes, Mouthの3つのパーツをプルダウンから選ぶだけ。その際手動で文字の変更もできます。ページ下部には他の人が作ったAAも表示されているので、気に入ったものがあればコピペして使えます。オリジナルの顔文字作りたい時に使えそうです。ちなみに俺は( ´・ω・)と(｀・ω・´)があればだいたい事足りるタイプです。
先週末に発売されたMetallicaのHardwired…To Self-Destruct、えーわたくしメタル野郎なのにまだ聴いておりません。もうちょいしたら聴くと思います。んでまぁこれにあやかって、Metallicaのロゴジェネレーターが出ています。文字列入れてEnter押せば、先頭と末尾が尖ったMetallicaっぽいロゴ画像が生成されます。個人的にはMaster of the Puppetsあたりのロゴが好きなんですけど、これだとテンプレート作るの大変ですよねそうですよね。
iPhoneのディスプレイ部分に、任意の画像をハメ込み合成できるサイト。iPhone以外にもiPad、Mac、AppleWatchなどもあります。あとなぜかゲームボーイもあります。各端末の解像度はサイト内に書いてありますが、サイズが違っていた場合にどうするかなどの細かいオプションなども指定できます。Photoshopが手元にない時や、ノンデザイナー系の人にオススメ。
