2014年10月26日

見た目以上の大幅変更　（レスポンシブＷｅｂデザイン）

２０１０年１０月に「マサのＷｅｂ玉手箱」の小変更（気まぐれ日記「Ｗｅｂ玉手箱の小変更」参照）を行って以来、約４年ぶりに全面リニューアルを行いました。今回見た目は殆ど変っていませんが、ＣＳＳを全て一から見直し、スマートフォンにも対応したレスポンシブＷｅｂデザインとしました。（レスポンシブＷｅｂデザインとは、１つのＨＴＭＬで複数の画面サイズに対応するデザイン手法のことです。）

今回の作業時間は９月～１０月の約２ヶ月でしたが、別に運営しているサイトのレスポンシブデザイン化を先行して行っていたため、そのノウハウを活かすことで半分の作業時間にすることが出来ました。今回は普及率と時間の関係で見送ったＨＴＭＬ５ですが、今後の状況次第では導入を検討していこうと思っています。

>>> マサがお勧めするレスポンシブデザインの本 （by Amazon.co.jp）

リニューアル前

リニューアル後