サイトをスマホ対応にしました。

もうスマホって言葉は市民権を得てるのだろうか…と少し心配ですが、自分のポートフォリオサイトをスマートフォン（iPhone OS,Android OS）に対応させてみました。

Webサイトを作らせて頂きました。

高校の先輩の個人サイトを作らせて頂きました。

http://edgar-tokyo.com/

デザイン原案：先輩　コーディング：私　という感じでしょうか。

今回はjQueryをふんだんに？使用しました。使わせて頂いたプラグインは以下。

jQuery mobile

いま自分のWebサイトのスマートフォン版を作ろうとして、何でどうやって作るかなーと思案したのですが、ひとまずjQuery mobileで作ることにしました。が…

いやー、意外と難しい。
画面遷移が綺麗だったり、簡単に多くのアイコンやボタンが表示されるのはいいんだけど、いかんせん自由度が低い。小奇麗にまとまりすぎ。で、オリジナルの要素を入れようとすると効かない（ブロックの中央寄せができない？）。
さらにCSSとJSをDLしてローカルから読み込むと何故かアイコンが消える。なぜ？？

で、もう止めっかなあ。。と思ったその時、こちらのサイトで、どうやら画面遷移だけ抜き取れるらしいことが判明。結局はまたイチから作り直しだけど、ところどころで活用できそうです。
個人的には、中央寄せがちゃんとできて、画像のサムネイルがうまくグリッド上に配置できればイチからこいつでやってもよかったんだけどなあ。そうそう上手くはいかないものです。


話は打って変わって、ステキなサイトを見つけました。

http://www.rolls7.com/

被災者の方々に写ルンですを渡して、自由に撮ってもらった写真が紹介されています。
写ルンです、こんなに綺麗に写るんだなあ。。