[CSS]複数のスタイルシートのフレームワークのいいとこ取りをした -BlueTrip
Post on:2009年7月2日
sponsors
ベースにBlueprint, Tripoli、グリッドに960.gs、印刷用にhartija、エレメントにelementsと複数のスタイルシートのフレームワークのいいとこ取りをし結合させたフレームワーク「BlueTrip」を紹介します。
BlueTripの主な特長は下記の通りです。
- 24カラムのグリッドに対応
- 実用的なタイポグラフィのスタイル
- クリーンなフォームのスタイル
- 印刷用のスタイルシート
- 空のスターターキット
- セクシーなデザインのボタン
- ステータスメッセージのスタイル
デモでは、各要素のサンプルとグリッドを確認することができます。
demo: 要素
他にも見出しやリンクなどタイポグラフィ関連。
demo: グリッド
カラムの使用例や画像との配置など。
BlueTripをページに使用する時は、下記のように記述します。
Installing BlueTrip CSS Framework
|
1 2 3 4 5 6 7 8 |
<textarea name="code" class="html" cols="60" rows="5"> <link rel="stylesheet" href="../css/screen.css" type="text/css" media="screen, projection"> <link rel="stylesheet" href="../css/print.css" type="text/css" media="print"> <!--[if IE]> <link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen, projection"> <![endif]--> <link rel="stylesheet" href="../css/style.css" type="text/css" media="screen, projection"> </textarea> |
sponsors
