勉強がてら、Bootstrapを使ってブログの見た目を変えてみました。ついでに、Rails 1（！）から3.2に移行しました。

新しい方
http://akasata.com/

古い方
http://www.rmake-labo.com/akasata

見比べると全然違いますが、サイトの構造は、コメント、トラックバックなどのいくつかの機能を無くしたこと以外は変わっていません。BootstrapはレスポンシブWebデザインにも対応していることから、スマフォやタブレットでもそこそこ見えるようになっています。

ちなみに、コードのハイライトはgoogle-code-prettifyを使っています。

基本、はてなブログを使っているので、3年ほど更新していませんでしたが、こちらに乗り換えようかなと検討中。。。

このブログに Google の検索機能を追加してみました。右上の検索ボックスです。検索すると、このページ内に埋め込まれた検索結果を見ることができます。なんというか、便利な時代ですねぇ・・・。

少々てこずったのは、ブラウザのウィンドウが小さいときに、このページのような 3 カラムの真ん中に検索結果を入れようとすると、検索結果が右側のカラムにはみ出してしまうという現象が発生したことです。google の検索結果は iframe で貼り付けられており、pixel 単位でサイズを指定することもできますが、ウィンドウのサイズを小さくしたときには、iframe のサイズをよほど小さくしないとレイアウトが崩れてしまいます。そして、iframe のサイズを小さくすると、ウィンドウのサイズを大きくしたときに、間延びしたレイアウトになってしまいます。
とりあえず、今は検索結果を表示しているときは右側のカラムを表示しないようにしています。意外と、html と CSS だけでは、レイアウトがうまくまとめられないことが多いですね。
# 私のスキル不足かもしれませんが・・・。orz