簡単!レスポンシブWEBデザイン
簡単!レスポンシブWEBデザインということで、フレームワークを使ってみようと思います。
前にjQueryを利用してWordpressオリジナルテンプレートを作成しましたが、もっと簡単に作れそうだったのでチャレンジです☆
今回使ったフレームワークは、kube。
bootstrapというCSSフレームワークも有名みたいですが、kubeは幅を%で指定出来たり、装飾がシンプルだったのが決めてになりました。
ソースコードが記載されてて、コピペ出来ちゃうのも嬉しいですね。
と、本当に簡単にレスポンシブWEBデザインが出来上がって来たのですが、スマホサイズになった時にグローバルナビゲーションをプルダウンメニューにしたい!という部分に苦戦しました。
結局、Colissさんのからサンプルをお借りして、実装することが出来ました。(*´∀`p〃qパチパチパチ
Advertisement
カテゴリー: レスポンシブwebデザイン|コメント(1)|2013年3月19日4:23 AM
コメント
96sdiy
2023年2月23日 3:28 AM| Artificial intelligence creates content for the site, no worse than a copywriter, you can also use it to write articles. 100% uniqueness,5-day free trial of Pro Plan :). Click Here: https://bit.ly/3lwPi7J?h=06fb50fa01f7c7f815c196b7720c7712&
トラックバック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