わーぷれCollege

Tweet

簡単！レスポンシブWEBデザインということで、フレームワークを使ってみようと思います。

前にjQueryを利用してWordpressオリジナルテンプレートを作成しましたが、もっと簡単に作れそうだったのでチャレンジです☆
今回使ったフレームワークは、kube。

bootstrapというCSSフレームワークも有名みたいですが、kubeは幅を％で指定出来たり、装飾がシンプルだったのが決めてになりました。

ソースコードが記載されてて、コピペ出来ちゃうのも嬉しいですね。

と、本当に簡単にレスポンシブWEBデザインが出来上がって来たのですが、スマホサイズになった時にグローバルナビゲーションをプルダウンメニューにしたい！という部分に苦戦しました。

結局、Colissさんのからサンプルをお借りして、実装することが出来ました。(*´∀`p〃qﾊﾟﾁﾊﾟﾁﾊﾟﾁ

カテゴリー： レスポンシブwebデザイン｜コメント(1)｜2013年3月19日4:23 AM