features_009

吾輩は猫である

名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

吾輩は猫である

名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

吾輩は猫である

名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

features_009a

吾輩は猫である

名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

吾輩は猫である

名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

吾輩は猫である

名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

features_009b

吾輩は猫である

名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

吾輩は猫である

名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

吾輩は猫である

名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

吾輩は猫である

名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。

カラムごとに背景色を指定し、写真は余白なしで大きく表示

 
カラムごとに背景色を指定したパターン。写真はカラムいっぱいに表示して、文字情報だけを余白があるようにCSSで設定しました。
カラムごとに背景色を指定するにはCSSではカラム別(カラム1,カラム2 ..)にそれぞれ背景色を指定することになってしまいます。その方法でも問題はないですがここでは直接CSSファイルにエディタで.columnを指定しました。ルールに則っていれば外部エディタでルールを追加してもBiNDのCSSタブで見た時にもちゃんと認識されていて、BiND内で編集も可能です。
 

features_009a

背景に色があるとき、カラムの色を白にした逆転パターンです。
 

features_009b

4分割にしたパターンで、カラムの背景色濃いネイビーを指定したパターンです。バリエーションの例としてスマホでは2列表示にしています。
 

画像
500px × 300px のシェイプに読み込ませています。
画像を想定しているため、フォーマットはjpg(画質:50)に設定しています。