タグ: HAML

akiroom.comのトップページのデザインを変更した

ホントは前々から気づいていたんだけど、 akiroom.com のトップページの背景画像がちぎれていたり、Thunderbolt DisplayやRetina Displayで見ると醜い状態になっていたのがいよいよ気になるようになった。

新しいデザイン置き換えたんだけど、だいたい1時間ぐらいでアップデートできたのでよかった

  • Githubでプライベートリポジトリを作成: https://github.com/akiroom/akiroom-com-top （プライベートなので404になります）
  • middlemanを使って、HAML, SCSS+Compassで書いたものをビルドした
  • Bootstrapは使わず、media queryは手書き
  • 画像や色はあまり選ぶのが面倒なので使わず

1時間でそれっぽいものができるのは、本当に良い時代ですね。