[CSS]複数のスタイルシートのフレームワークのいいとこ取りをした -BlueTrip

ベースにBlueprint, Tripoli、グリッドに960.gs、印刷用にhartija、エレメントにelementsと複数のスタイルシートのフレームワークのいいとこ取りをし結合させたフレームワーク「BlueTrip」を紹介します。

BlueTrip CSS Framework
demo

BlueTripの主な特長は下記の通りです。

• 24カラムのグリッドに対応
• 実用的なタイポグラフィのスタイル
• クリーンなフォームのスタイル
• 印刷用のスタイルシート
• 空のスターターキット
• セクシーなデザインのボタン
• ステータスメッセージのスタイル

デモでは、各要素のサンプルとグリッドを確認することができます。

demo: 要素
他にも見出しやリンクなどタイポグラフィ関連。

demo: グリッド
カラムの使用例や画像との配置など。

BlueTripをページに使用する時は、下記のように記述します。
Installing BlueTrip CSS Framework

<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">

Post on:2009年7月2日