• 簡単!レスポンシブWEBデザイン


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

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

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

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

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

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

    Advertisement

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

    コメント

    コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

    トラックバックURL: http://wpcollege.info/responsive-web-design/%e7%b0%a1%e5%8d%98%ef%bc%81%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3.html/trackback