グラビア,写真,デジカメ,PCそしてDACの話題と盛り沢山!
<< 6月号【上條かすみ + Cano | TOP |
サイトをBootstrap化!
今年から掲載できる内容がPC Watchのみになったので、書いてなかったものの久々に更新。このブログを作ったのは2004年と10年前。従ってシステムが古く、WordPressへデータ移行も面倒とずっとそのまま続けてきたが、別件でBootstrapを使ったサイト構築を担当。面白かったこともあり、ここへもフィードバックした。PC、タブレット、スマートフォンでアクセスすると3カラム、2カラム、1カラムと自動的に表示が変わるレスポンシブデザインに……。

もともとこのsbと言うブログエンジンは、一覧表示と個別表示がテンプレート化されているので、Bootstrapに合わせて<div>〜</div>を書き直し全体をリビルドするだけと、非常に簡単に対応できる。

Bootstrapのコンポーネントはほとんど未使用。一見それっぽくないものの、グリッドシステムは、Nesting columns、Column ordering、visible/hiddenなどフル活用。1〜3カラムで表示を最適化している。

ブラウザの制限はIEが8以上となるが(できればIE9以上)、もうそろそろいいだろう(笑)タブレットやスマートフォンだけでなく、PCでブラウザの幅を徐々に狭めても変化が分かるので、興味のある人は是非試して欲しい。

Photogenic Weekendの方は細かい部分が何かと面倒なので当面Bootstrap化する予定は無い(^^;

日記 | comments (0)
Comment


Categories
Tips
Recent Comment
Archives
Copyright © 2004-2014 Kazuhisa Nishikawa.
All Rights Reserved.
▲page top