うっすらと背景のグラデーションが動くサイトってたまにありますよね。あれのジェネレーター。このサイトもよく見ると、うっすらとグラデーションが動いてますが、このコードを生成する事ができます。画面左にはグラデーションの方向と、アニメーションの方向指定があり、その下にはグラデーションで使う色の指定があります。色については2色だけでなく3色以上のグラデ指定もできるようです。これらを指定した後で「Preview」ボタンを押すと、サイトの背景に適用されます。指定した内容は随時右側に出てるCSSコードに反映されるので、気に入ったグラデーションが出来たらそれをコピーすればオッケ。いやーこのジェネレーター便利ですな。
ランダムに2色グラデーションを生成してくれるサイト。使い方は右上にある「Roll」ボタンを押すだけ。押す度にグラデーションを作ってくれます。とってもシンプルです。気に入ったグラデができた時には、「Code」ボタンを押せば2色それぞれのRGB, HEX, HSLを表示してくれます。また併せてCSSコードも出してくれるので便利です。フラットデザインの流れになった後、ノーシャドウ＆ノーグラデーションが主流になるかと思ったんですが、個性的なグラデーションはiOS 7のデザインのせいか、結構使われる機会が多いですな。
Web制作に便利なツール類をまとめた記事。50ものリソースが紹介されてます。その中からいくつか抽出すると、パターン、フォント、写真素材、コードスニペット、カラーピッカー、コーディングツール、CSS関連ツール、ブラウザチェッカー、ブラウザリサイザー、画像編集ツール、プレイスホルダー、Chrome機能拡張など。あると便利なツールっていうよりは、様々なツールを組み合わせて使う最近のコーディングスタイルでよく使われるツール類の紹介が多いです。BootstrapとかHerokuとかGitHubとか。
そういや昨日の発表でAppleのサイト大きく変わりましたね。あれだけやらないやらない言うてたけどレスポンシブレイアウトにも対応してました。iPhone 6とApple Watch、まぁどっちも問答無用で買いますけどね。
綺麗なグラデーションのギャラリーサイト。2色で形成されたグラデーションを延々と見るだけのサイトです。けど綺麗なのでわりと見ちゃいます。マウスでの操作以外にキーボードの十字キーにも対応しているので、サクサク見る事ができます。またEnterキーを押す事でCSSコードを取得する事もできます。作例の多くはiOS 7以降によく使われる類のグラデーションという感じ。グラデーションのネタ探しにナイスです。
SVG画像のオンラインジェネレーター。プリセットされているパターンがいくつか用意されており、それぞれのパターンを細かくカスタマイズしてダウンロードする事ができます。このサイトナイスなのが、SVGフォーマットでダウンロードする手法以外に、CSSに簡単に埋め込めるようBase64でエンコードしたテキスト形式でも画像の取得が可能という点です。エンコード済みなのでテキストをCSSファイルにコピペするだけで、背景画像なんかにサクっと貼る事ができます。とってもお手軽でナイスです。
CSS3に関する便利なオンラインツールをまとめた記事。シャドウ系、テキスト装飾、ボックス装飾、レイアウト、ボタンジェネレーター、CSS圧縮、アニメーション、ロングシャドウジェネレーター、メディアクエリージェネレーター、グラデーションツール、角丸ボックス生成、グリッドレイアウトのフレームワーク、CSSスプライト、コード整形ツール、CSSバリデーター、パターンギャラリーなどがその内容。55個オーバーのジェネレーターが紹介されているようで、上から下まで見るだけでもなかなか大変です。コーディング作業のお供に使えそうです。
シンプルなFaviconジェネレーター。画像ファイルをサイト内にドラッグ＆ドロップするだけでFavicon用ファイル一式を生成してくれます。試しにやってみたところ、ICOファイルに加えて16×16〜256×256サイズのPNGも出力してくれました（iPhoneでホーム画面に追加した時用のものかな）。あと記述用のサンプルHTMLも同時に吐き出されます。Favicconって.icoファイルだから、Macで作るのめんどくさいんですよね。サクっと作りたい時にナイスです。
画像をアップロードする事で、顔部分にモザイクをかけて匿名化（anonymise）してくれるサイト。アップロードするだけで画像内の顔部分を認識し、ページ左側にあるスライダーを上下させる事でモザイクのかかり具合を調節できます。試しにいくつか画像をアップしてみたんですが、たまーに顔認識が抜けますね。それほど正確ではないようですが、手元にPhotoshopなどの画像編集ツールがない時にサクっとモザイク入れたい時に使えそうです。っていうか顔認識がWebでこんなに簡単に出来るってのが驚きです。
