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

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

デモのキャプチャ

BlueTrip CSS Framework
demo

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

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

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

デモのキャプチャ

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

デモのキャプチャ

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

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

sponsors

top of page

©2018 coliss