なんか今日似たような内容の記事多いですな。最近のオンラインCSSツールが20件紹介されてます。いわゆるCSSジェネレーターです。CSSチェッカー、CSSからカラースペクトラム抽出、バリデーター、Flash代替のオーサリングツール、PhotoshopのレイヤースタイルのようにCSS3を指定、フォント指定ツール、CSSスプライトジェネレーター、グリッドレイアウト、パターンギャラリー、パターンジェネレーター、CSS3ボタンのフレームワーク、Text-Shadowジェネレーター、アニメーションジェネレーターなどがその内容。「最近の」と言うだけあって知らないのが多く、なかなかナイスなまとめ記事。
CSS3に関する記事やチュートリアルを集めた記事。CSS3を使ったアニメーション、モバイルサイトのデザイン、Webフォントの使い方、CSSを使ったマスク、グラデーション描画、コンタクトフォーム、描画速度のベンチマーク、角丸を使った凝った表現、イメージギャラリー、Appleっぽいナビゲーション、CSS3メニューといった内容が紹介されてます。見てると意外に「こんな事できるんだ」ってのがあって、なかなかナイスなまとめ記事。
WebデベロッパーのためのCSSジェネレーターまとめ。コーダー向けの内容でしょうかね。色に関するもの、レイアウトに関するもの、グリッドレイアウト、メニューとボタンに関するもの、フォントに関するもの、CSS圧縮などのツール、CSSスプライトジェネレーター、その他といったカテゴリに分けて紹介されています。紹介されている数が50と多く、なかなか見応えがあります。個人的にはフォント指定とかCSS圧縮ツールなんかをよく使います。便利ですなこういうの。
Javascriptを使わずにCSSだけで作るLightbox。こういうのって前からあったけど、古いIEなどレガシーブラウザにも対応してる点が特徴。JSが必要ないので、きっと導入もものスゴくラクなんでしょう。モダンブラウザ向けのトランジションやアルファ表現などはCSS3で記述されているようです。モバイルサイト向けにもイイですねこれ。
なにこれスゴい。まぁとにかくデモを見てください。これテキストだそうです。ソースを見るとtransformとtext-shadowプロパティを使って描画されているようです。CSS3使えばこんなテキストエフェクトできるYO！って記事はよく見かけるけど、これはそれらの中でもスゴい感じです。ちなみにこちらの関連エントリー内での作例もなかなかクールです。
CSS3でコーディングされた汎用ボタン。ページ中央あたりからダウンロードでき、コード挿入だけで実装できます。とっても簡単。ズラっと並んでるボタンの最後にある「More」をクリックすると、他の作例も出てきます。カスタマイズもラクにできそうなので、ボタン制作の素体としてもイイかも。あとこのページ、画像がほとんど使われてません。8bitな感じがナイスです。
タイポグラフィーに関するCSSトリックをまとめた記事。30の使えるトリックが紹介されてます。Webでタイポというと以前は画像だったけど、最近じゃテキストのまま行うのがわりと当たり前になってきましたね。CSS3を使ったテクニックも数多く紹介されてて、テキストの汎用性を維持したままタイポを組みたい場合に参考になります。
CSSやJavascriptを使って行う、役に立つテクニックに関する考察記事。テキストエフェクト、バックグラウンドのアニメーション、メガドロップダウン、スライダー（スライドショー）、アイコンやボタンのアニメーションという、よく使われる5つの表現に関して解説がされてます。テキストエフェクトやスライダー、アイコンのマウスオーバーによるアニメーションなどは主にjQueryを使ってよく使われる表現。デモページを使って、導入の流れやカスタマイズについてあれこれ解説されてるので、プログラマーではないけど導入までできるようになりたいデザイナーの人向けの記事なのかも。まぁ自分がそのタイプなんですが。というわけでなかなか読み応えあります。
