当Webサイト「0から目指すWebマスター」をリニューアルしました。
前回のリニューアルと同様、同じ体裁で報告させていただきますー。
こだわり
こだわったところを列挙してみようと思います。
機能・技術
- HTML5とCSS3を使って実装。
- スマートフォン、iPadにも同ファイルで最適化
- IE6やレガシーブラウザをターゲット対象外にしました。
感覚(前回と同様)
- ビジュアルデザインは極力シンプルに
- 参照元は検索エンジン経由で、閲覧開始ページはエントリページであることを意識
ターゲット・環境
ターゲット
Webサイト制作に関わっている方
動作確認環境
- Windows7
- InternetExplorer8 / Firefox3.6 / Google Chrome 8 / Opera11
- Macintosh OS 10.6
- Safari5 / Firefox3.6
- ほか
- iPad / iPod touch
不具合・気になる点などありましたら、お気軽にお知らせくださると嬉しいです。
MovableType5.04で実装
リニューアル前までは商用利用も無料でできるMovableType OpenSource 4.22 で制作していたのですが、今回、MovableType5.04で実装しました。
反省
同ファイルで、スマートフォンやiPadなど他デバイスに最適化されるコンテンツ作りをしようとするあまり、ナビゲーションの作り込みがうまくいかなかったかな、と。
事前の詳細設計がかなり大事だと痛感。
他コンテンツに関わるときは、事前調査とかしっかりやらねばと思った次第です。