It seems your ruby installation is missing psych (for YAML output). To eliminate this warning, please install libyaml and reinstall your ruby. を出さないようにする

最初にyaml入れて
cd /usr/local/src &&
wget http://pyyaml.org/download/libyaml/yaml-0.1.4.tar.gz &&
tar xzvf yaml-0.1.4.tar.gz &&
cd yaml-0.1.4 &&
./configure --prefix=/usr/local/ &&
make &&
make install &&
:Code language: JavaScript (javascript)
Rubyインストール後にこうするといいらしい。
cd /usr/local/src &&
cd ruby-1.9.3-p194 &&
cd ext/psych &&
ruby extconf.rb &&
make &&
make install &&
参考: http://stackoverflow.com/questions/8410885/how-do-i-install-ruby-with-libyaml-on-ubuntu-11-10

ジャンプ率を考える

フォントのサイズによってWebサイトに元気があるように見えるらしい

ジャンプ率とは、Webサイトの中で一番小さい文字と一番大きい文字の比率のことで、この比率が大きければ大きいほど活発な元気なサイトに見えてくる。ただ、フォントだけではなく、オブジェクトの大小でもこの効果が現れるみたい。

20120803022801

オブジェクトのアスペクト比は黄金比または白銀比を使う

短い方を1として、1:1.1618 または 1:2.414 で統一させるとそれっぽく見える。

20120803023351

間は10px 5px

オブジェクトとオブジェクトは10px離し
小さいオブジェクト同士は5px離す。2倍がいいかも。
20120803023710

jQuery UI も Twitter Bootstrapもテーマカスタマイズができた

jQuery UI や Twitter Bootstrapのテーマを自由に変える

jQuery UI やTwitter Bootstrapのスタイルはcssによって描画されていますが、そのCSS(と画像ファイル)を自由にカスタマイズできるページがあったみたいです。

いやはやもう少し早く気づいておくべきでした・・。

jQuery UI

20120802040246

jQuery UI ThemeRoller
http://jqueryui.com/themeroller/

左ペインのメニューからいろいろ設定を変更してテーマを変えていきます。ギャラリーにはテーマ一覧もあったりして便利。設定完了したら「Download theme」ボタンをクリック。

Twitter Bootstrap

20120802040347

StyleBootstrap.info

http://stylebootstrap.info/

ここも同じようにカスタマイズした後最後にテーマをダウンロードできる。ダウンロードボタンがページ一番下にあるのでわかりにくいです。