WebデベロッパのためのCSSジェネレーターが色々紹介されてます。40と数がなかなか多く、その内容も様々です。グリッドレイアウト、CSSメニュー、フォントスタイル指定、CSS圧縮、CSS3のグラデーション指定、基本レイアウト作成、角丸コーナー、サイトマップ、ナビゲーション、タブ、単位変換、カラーパレット、ボーダースタイル指定、Wordpressのテーマ生成などがその内容。ジェネレーターに頼り過ぎるのも困りものですが、実際便利なものは使っちゃいますよね。手抜き・・・ゲフンゲフン、作業を効率化したいデザイナーやコーダーの人に是非これひとつ。
40 Excellent (Yet Free) CSS Tools And Generators For Developers
CSSを使った興味深い5つのテクニックという記事。ちょっとしたコツやTipsを集めた感じの内容です。CSSで描画する3角形とその応用、改行の処理、ボカしを使った背景、リスト表示のスタイリング、視差を使った効果（これよく分かりませんでした）というのがその内容。三角形の描画はリボン状のナビゲーションや見出しに応用できます。ボカしを使った背景ってのもなかなか気の利いたエフェクトで使い勝手良さそうです。
CSS関連ツールや、オンラインジェネレーターなどをまとめた記事。30ものジェネレーターが紹介されてます。グラデーション、レイアウト、圧縮、メニューのサンプル、ドロップダウンメニュー、タブジェネレーター、初期化、角丸ジェネレーター、フォント関連ツール、CSS Spriteジェネレーター、バリデーションツールなどが紹介されてます。数が多いので色々とイイ物が見つかるかも。こういうツール使って作業効率上げれるとイイですよね。
CSS3を使ったコーディングテクニックについてまとめられた記事。テキストシャドウやボックスシャドウを使った簡易なものから、動きやCanvasなどを使った凝った表現まで色々あります。最近巡回してると、「お！」っと思うかっこイイサイトを見つけた時に、サイト内で画像がほとんど使われてない事に気づき、もっかい「おおっ！」ってなることがよくあります。こういう新しい技術を使ったクールな仕事してみたいもんですな。
The Beauty of CSS3 – Useful and Innovative Coding Techniques
CSSやJavascriptを使ったコーディングのテクニックが100例紹介された記事。質よりも量、特にカテゴリ分けもされておらず雑多な印象ではあるんですが、やっぱりこれだけの数紹介されてるってのは他にあまり例がなく、なかなかアツい記事です。ダラダラ見てるだけでも、今度使ってみよう的な感じになります。コーダーだけでなくデザイナーやディレクターにとっても興味深い内容。
アニメーションを使ったナビゲーション演出をまとめた記事。どの作例もjQueryを使用しているようで、各作例のDemoとDLページへのリンクが用意されてます。数はそれほど多くありませんが、ちょっと凝ったナビゲーションを作りたい時に便利なまとめ記事。
Superb Collection of jQuery CSS Animated Navigation Tutorials
サイト上でパスを描画し、そのパスに沿って文字をタイプする事のできるCSSジェネレーター。イラレさえあればこんな事簡単にできるんですが、画像ではなくテキストのまま配置できる点がナイス。テキストの向きや間隔などの細かい指定もできるようです。イイ感じに仕上がったら「Generate HTML」ボタンを押す事で、DL用のソースコードが出力されます。CSSもHTML内にインラインで記述されているので、あとはコピペするだけ。HTMLに拘りたい時や、イラレが手元にない場合に便利なウェブアプリ。
