前の記事 ≪:かなりクールなフリーのWEBサイトPhotoshopテンプレート「BlueMasters」
次の記事 ≫:PHPで予め許可したタグと属性以外を除去できるライブラリ「kses」

CSS3のでのボックス要素デザインを圧倒的に簡単化できる「CSS3 Click Chart」

2010年06月28日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
CSS3 Click Chart by Impressive Webs

CSS3のでのボックス要素デザインを圧倒的に簡単化できる「CSS3 Click Chart」。
サイトにアクセスすると、サンプルが並んでおり、クリック一発でサンプルのコードが出力されます。
更に、サポートブラウザまでが表示されるので、なんとも便利。

CSS3のでのボックス要素デザインを圧倒的に簡単化できる「CSS3 Click Chart」 fig.1

サンプルをクリックすると画面下部にサポートブラウザと具体的なCSS3コードが表示されます。

CSS3のでのボックス要素デザインを圧倒的に簡単化できる「CSS3 Click Chart」 fig.2

画面端の矢印で別画面に移動。更にサンプルを表示できます。合計22個が確認できます。

CSS3のでのボックス要素デザインを圧倒的に簡単化できる「CSS3 Click Chart」 fig.3

CSS3のでのボックス要素デザインを圧倒的に簡単化できる「CSS3 Click Chart」 fig.4

単なるリファレンスとしてだけでなく、入門用としても最適かもしれませんね。

関連エントリ
関連の記事検索:CSS3, CSS, ジェネレータ
スポンサード リンク

By.KJ : 2010年06月28日 09:02 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)