マサのWeb玉手箱 >> プロフィール 気まぐれ日記 掲示板 更新

2014年10月26日

見た目以上の大幅変更 (レスポンシブWebデザイン)

2010年10月に「マサのWeb玉手箱」の小変更(気まぐれ日記「Web玉手箱の小変更」参照)を行って以来、約4年ぶりに全面リニューアルを行いました。今回見た目は殆ど変っていませんが、CSSを全て一から見直し、スマートフォンにも対応したレスポンシブWebデザインとしました。(レスポンシブWebデザインとは、1つのHTMLで複数の画面サイズに対応するデザイン手法のことです。)

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

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

リニューアル前
リニューアル前

リニューアル後
リニューアル後

気まぐれ日記