デザイナーのためのオンラインツールまとめ。デザイナーっつうかWebデザイナー向けの内容ですね。プライバシーポリシーのジェネレーター、サイトロンチ時のチェックリスト、イメージエディター、カラースキーム、CSS3ジェネレーター、ブラウザウィンドウのリサイザー、フォント関連のCSSジェネレーター、フォントリサーチ、CSS3のグラデーションジェネレーター、Twitterの背景デザインなどが紹介されてます。内容を絞っていない分、各カテゴリの中で代表的なサイトが紹介されている感じです。
画像をアップする事で、画像内で使われているグラデーションをCSSコードに吐き出す事ができるジェネレーター。これなかなか便利です。サイトには最初から例となる画像がアップされているので、まずはグラデーションを抽出したい範囲をドラッグして囲います。するとページ下部に範囲選択された箇所が大きく表示されるので、「Next」をクリックして次のステップへ。次のステップではグラデーションの色数を調節します。スライダーを左にすると色数が多く（より滑らかに）、右にすると少なく（粗く）なります。決まったら再度「Next」をクリックして終了です。ソースコードは画面下部に吐き出されます。また最後の画面では個別に色の微調整もできます。CSS3でグラデーション描画をする際に、まずはフォトショで画像として作って、その後コード化するっていうワークフローだったりすると便利ですねこれ。
CSS3やHTML5をこれから始めようという人向けの、オンラインツールやリソース類のまとめ記事。CSS3とHTML5、それぞれ分けて紹介されてます。前者にはボタンメーカー、ソースジェネレーター、CSS圧縮、ナビゲーション作成、パターンギャラリーなどが。後者に関しては初期化、デモ、リファレンス、テンプレートなどが紹介されてます。昔は新しい事を勉強しようとなると参考書買いに行ったりするのが普通でしたが、最近じゃオンラインのリソースだけで十分勉強できます。イイ時代になったもんです。
画像をアップロード、もしくはURL指定する事で、ソースコード化してくれるというジェネレーター。タイトルを見るとCSSとあるので、CSS3のCanvasタグとか使うのかと思って試しにやってみたら、鬼のテーブルレイアウトの力業でした。ようするにドット絵と同じようにセルをマス目状に区切って色づけしてるだけですね。果たしてどれだけの意味があるのか不明ではありますが、再現率がなかなかのものだったので紹介。笑い男もキレイにテーブルタグ化してくれました。
これはスゴい。フォトショップのレイヤースタイルパネル風にCSS指定ができるウェブアプリケーション。フォトショ野郎には馴染みの深いパネルレイアウトで、説明などなくてもサクっと使えそうです。指定できるのはドロップシャドウ、インナーシャドウ、背景、ボーダー、角丸の5項目。背景の項目ではボックス要素内のグラデーションの指定もできます。指定した内容はリアルタイムに反映され、完成後はページ下部の「CSS Code」からCSSのコードをコピーできます。その際色指定に関して、HEX or RGBAの指定もできます。多機能かつ使いやすい内容なので、ソッコーでブックマークしました。ナイスです。
オンラインCSSジェネレーターのまとめ記事。CSS生成と言っても実際には色々あり、フォント関係、CSSスプライト、サイトマップ生成、グラデーション生成、バリデーション、レイアウト、グリッド生成、CSS圧縮、メニュー生成、角丸ボックス生成など様々な専門分野に、サイトごとに特化した内容になってます。またブラウザごとの対応表なんかもあります。通常こうしたコードは手打ちしますが、面倒なコーディングだけをこうしたオンラインサービスに頼るのもアリっすね。
WebデベロッパのためのCSSジェネレーターが色々紹介されてます。40と数がなかなか多く、その内容も様々です。グリッドレイアウト、CSSメニュー、フォントスタイル指定、CSS圧縮、CSS3のグラデーション指定、基本レイアウト作成、角丸コーナー、サイトマップ、ナビゲーション、タブ、単位変換、カラーパレット、ボーダースタイル指定、Wordpressのテーマ生成などがその内容。ジェネレーターに頼り過ぎるのも困りものですが、実際便利なものは使っちゃいますよね。手抜き・・・ゲフンゲフン、作業を効率化したいデザイナーやコーダーの人に是非これひとつ。
40 Excellent (Yet Free) CSS Tools And Generators For Developers
CSS関連ツールや、オンラインジェネレーターなどをまとめた記事。30ものジェネレーターが紹介されてます。グラデーション、レイアウト、圧縮、メニューのサンプル、ドロップダウンメニュー、タブジェネレーター、初期化、角丸ジェネレーター、フォント関連ツール、CSS Spriteジェネレーター、バリデーションツールなどが紹介されてます。数が多いので色々とイイ物が見つかるかも。こういうツール使って作業効率上げれるとイイですよね。
