SPIRAL OF ZEROをレスポンシブデザインに変更したよ

この記事は一年以上前の記事です。

おはようございます。
昨夜徹夜で仕事してたので、変な時間に寝て 変な時間に起きましたw

仕事の中にWEBサイトをスマホ対応させるってのがあるんだ。

スマホ対応させるには、まずはレスポンシブデザイン(ディスプレイサイズに応じてパーツを自動で配置転換して、柔軟に表示させるデザイン)に変えなきゃ!
って事でレスポンシブデザインの勉強をサラっとしてみました。



参考にさせていただいたWEBサイト–>> 約36時間でレスポンシブデザインを作る!効率最優先で作るため必要だったリソースや情報色々 | バンクーバーのうぇぶ屋
おぉ!Grid Systemすげぇ!って今更感動した私です←

セナさんの記事のおかげでサクサクと進めることができて、プラスアルファの仕事が出来たので感謝しています。

で、寝て起きて・・自分のブログのデザインも無性にレスポンシブデザインに変えたくなって・・(こうなると止まれない性分なんです..orz-*)
一時間程作業して、少し雑ですがこのブログもレスポンシブデザインに対応させることが出来ました!

へ?って人はブラウザを大きくしたり小さくしたりしてみてください。
サイドバーなどの配置が変わります。

このブログは若干構造が複雑に仕組んでいますが、デザインは至ってシンプルなソースにしているので短時間で出来ました^^

長いですがSSはこちら


HK(話変わりますが)
先日Nexus7(Android4.1)とiPhone5を予約しました!
スマートフォン開発に必須という事と、実はコスト削減にもなります。
先日SSDも購入したので、出来ることが大幅に広がり、ますます忙しくなりそうでニヤニヤしていますww

と・・とりあえず、週末は頑張って休むぞ!

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください