サイトリニューアル

Javascript+CSSライブラリサイトをさくっと制作する予定だったのですが、どうも納得いく設計ができずに、やり直しが続いていて・・・。
気分転換にでもと当Webサイト「0から目指すWebマスター」をリニューアルしちゃいました。

前回、結構いい感じでマークアップしておいたので、ビジュアルデザインはがらりと変わったけど、難なくリニューアルできました〜

細かい部分は少しずつ改善していく所存です。

商用利用も無料でできるMTOSを実装

リニューアル前まではMovableType 4.1で制作していたのですが、今回、商用利用も無料でできるMovableType OpenSource 4.22 を実装してみました。インストールからサイト構築まで特に難しいことはなく作業できました。
ただ、カスタムフィールドを利用できないのがかなり残念です。

こだわり

こだわったところを列挙してみようと思います。

機能・技術

• リキッドレイアウト
• 検索エリアの振る舞い
• Topicsの設置
• カテゴリ一覧での幅・高さを自動取得
• トラックバックを設置

感覚

• ビジュアルデザインは極力シンプルに
• 参照元は検索エンジン経由で、閲覧開始ページはエントリページであることを意識
• ポータルっぽさを出さない

ターゲット・環境

ターゲット

Webサイト制作に関わっている方

環境

動作確認ブラウザ

Windows

InternetExplorer6,7 / Firefox2,3 / Safari3 / Opera9

Windows

Safari2,3 / Firefox2,3 / Opera9

画面サイズ

XGA（1024 x 768）以上

• メインはMacintoshでFirefoxを見ながら作業しています。その後で、Windows IE6を。ある程度まとまってから、その他のブラウザをチェックって感じです。
• ログ解析をしてみると、画面サイズはXGA以上がほとんどで、最近のWebサイトでは横幅900px以上で作られているのが多くなってきたので、思いきってターゲット画面サイズを大きくしました。