レスポンシブなウェブデザインに対応したCSSフレームワーク「BluCSS」 | バニデザノート

BluCSSは、４つの環境で表示を自動的に変化させます。 ・デスクトップスクリーン ・ラップトップ（ノートパソコン） ・タブレット ・モバイル に応じて自動で表示を変えるようにセットアップされています。 メインコンテナは1000pxがデフォルトですが 設定で変えられるようです。 10個のカラムで区切られていて、パーセント区切りでレイアウトされています。 イメージのレスポンシブにも対応しています。 （blu_ではじまるclass名のイメージはすべて自動で幅を調整してくれるそうです。） demoを使って、ブラウザを実際に伸縮させてみました。 ・フルサイズ表示 ・ラップトップ表示 ・モバイル表示 ※ラップトップ〜モバイル表示の間は段階に応じて伸縮するので そこがタブレット表示になっているのかなあと予測。 レスポンシブな対応が必要なウェブサイトを作成する際に 参考にしてみてはいかがでしょうか。 関