ココを押えておけばCSS3がだいたい分かるツール集
CSS3に対応した便利ツールや それを利用するために必要となる予備知識の参考記事をご紹介します。
CSS3 Generator
CSS3の各ブラウザごとの対応状況の確認とソースコードの生成が同時に行える便利ツール。対応状況はブラウザのアイコンの上にカーソルを持っていくと表示されます。
CSS3 Gradient Generator v2.0
グラデーションのコードを吐き出すツール。カラーピッカーなどを使って直感的に操作できる
CSS Border Radius
ボーダーの角丸を表現するコードを吐き出すツール。四辺の周囲にある数値を変更するだけです。
Button Maker
画像を一切使わずにCSSだけでクールなボタンを作成。グラデーション、角丸、影などの調節が可能
CSS3, please!
左側のコードを書きかえると、プレビューが右上のプレビューが変化します。CSS3テスト、もしくは勉強用としても使えそうです
CSS3 Transforms
変形処理を行うtransformプロパティがインタラクティブに学べるツール。拡大・縮小(scale)、移動(translate)、回転(rotate)、ゆがみ(skew)ができます。
transformプロパティについては、下記の解説が分かりやすくてお勧めです。
Link CSS3大接近:第3回 transformプロパティ|gihyo.jp
HTML5 & CSS3 Readiness
HTML5とCSS3の各機能について、現状どの程度 対応できているかが視覚的に分かるサイト
CSS3を知るための5つのテクニック
ツールではないですが、CSS3を知る為のテクニックがまとめられていて、予備知識の蓄積に役立ちますね。
たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE
CSS3 をIEに適用させる方法。ここは押えておきたいのでメモ
画像を一切使わずにCSS3だけでドラえもんを描いてみた!
こちらもツールではないですが 素晴らしいので紹介。
承認待ちコメント
このコメントは管理者の承認待ちです
2010/07/21 Wed 14:54 | URL
この記事にトラックバックする(FC2ブログユーザー)