[CSS]グリッドだけでなく、主要エレメントも揃ったCSS3ベースのフレームワーク -Not Just a Grid
Post on:2011年3月3日
「Not Just a Grid」の名の通り、グリッドだけでなく、ウェブページで使用する主要なエレメントも数多く揃っているCSS3ベースのフレームワークを紹介します。
![サイトのキャプチャ](/wp-content/uploads-2011/2011030303.png)
[ad#ad-2]
「Not Just a Grid」で用意されているものは、これだけでサイトができてしまうのではないか、というくらい揃っています。
![デモのキャプチャ](/wp-content/uploads-2011/2011030304-01.png)
![デモのキャプチャ](/wp-content/uploads-2011/2011030304-02.png)
デモ:タイポグラフィ:パラグラフ
![デモのキャプチャ](/wp-content/uploads-2011/2011030304-03.png)
デモ:タイポグラフィ:リスト
![デモのキャプチャ](/wp-content/uploads-2011/2011030304-04.png)
デモ:タイポグラフィ:水平配置
![デモのキャプチャ](/wp-content/uploads-2011/2011030304-05.png)
![デモのキャプチャ](/wp-content/uploads-2011/2011030304-06.png)
![デモのキャプチャ](/wp-content/uploads-2011/2011030304-07.png)
デモ:フォーム:ボタン
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2011/2011030304-08.png)
デモ:UX:アラートボックス
![デモのキャプチャ](/wp-content/uploads-2011/2011030304-09.png)
デモ:UX:ページネーション
![デモのキャプチャ](/wp-content/uploads-2011/2011030304-10.png)
デモ:UX:リンクヒント
![デモのキャプチャ](/wp-content/uploads-2011/2011030304-11.png)
デモ:ヘルパー:ボックスの装飾
![デモのキャプチャ](/wp-content/uploads-2011/2011030304-12.png)
デモ:ヘルパー:配置
![デモのキャプチャ](/wp-content/uploads-2011/2011030304-13.png)
デモ:ヘルパー:テキスト置換
![デモのキャプチャ](/wp-content/uploads-2011/2011030304-14.png)
デモ:ヘルパー:ボーダー
それぞれの実装方法は、「Documentation」に詳しい説明があります。
「Not Just a Grid」はMIT Licenceとなっており、個人でも商用でも無料で利用できます。詳しくは下記ページを参照ください。
sponsors