ローカル環境でとりあえず、HTML 5でサイトリニューアル中です。
Google検索ボックスは右上にあったほうがいいかも、みたいな感じです。
ちなみに、だんだん幅を縮めていくと、こんな感じになります。
iPad mini 3の横向きだとたぶんこんな感じ？ サイドバーの幅をできるだけ広くしました。Windowsのブラウザーだとスクロールバーの幅も考慮しないといけないので、サイドバーの要素幅を200ピクセルにしました。160ピクセルじゃないほうがたぶんいいかもみたいな感じです。
さらに縮めていくとこんな感じになります。
段組みが解除されたバージョン
Windowsでしか確認していないので、後で細かな調整が必要になりますね。
HTML 5からサポートされた新しいタグ使ってます。header と nav と article と aside と footer。あと、今雪だるまとピンクのワニが出てるところは section タグで区切ってます。
リニューアルっていっても、全面的なレイアウトリニューアルじゃなくて、HTML5化へのマイナーチェンジですね。あとはjQueryを使うか否か、です。
冗長したCSSファイルとかを見直してます。Google AdSenseな広告のCSSも最低限インラインCSSに置き換えてます。てか、レスポンシブ広告の形状はとりあえず「auto」でよくない？ってノリな気がしてきました。
