ホームページ制作のアレ

弊社ホームページを2014年版にリニューアルしました。 今回のポイントは ■スマホ最適化のためレスポンシブデザイン導入 ■もうIE8は切り捨てると決めて、CSS3を使用しはじめた あたりになります。 閲覧ユーザー中のスマホの比率は年々上がってきていますが、去年あたり特に大きなインパクトがあったらしく、もはや最適化なしではこの先不安、という状況になっておりましたので、レスポンシブデザインを採用してみました。 弊社のように更新するページが一部分に限られているサイトの場合、本来はモバイル向けに別ページを作るほうが向いていると思いますが、単純にレスポンシブデザインやってみたかったので、やっちゃいました。 今年の4月を持ってWindowsXPのサポートが全て終了＝IE8終了となるわけですが、CSS3を使うにはまだIE9というもう１枚でかい壁が残っています。このあたりでどのような構築にするか悩んだ訳ですが、やはりレスポンシブデザイン優先…という事で、IE9以下のブラウザには、余分な読み込みになりますがcss3-mediaqueries.jsを使わせてもらう事にしました。 他に擬似要素やアニメーションなど、対応していなくてもレイアウトが崩れないような場所にはCSS3を使いまくっています。 あと１つのネックはHTML5対応なのですが…いい加減各陣営仲直りしてもらいたいものです。