背景にストライプを!
どうも背景に白が多いと、入力フォームや表の白い部分が、背景に溶け込んでしまって今イチな感じ。かといって、背景に単純に色を付けると、それもまたうるさい気がしてくる...。素晴らしいデザインのサイトとはどうしているのか?注意してみると、背景に微妙な柄が付いているのでした。そのデザインはストライプが多い。そういえばMacOSXも白のストライプがベースになっている。(メニューバーやシステム環境設定など)
そこで、csv_serverにもストライプな背景を取り入れてい見る。スタイルシートは、小さなストライプ画像の繰り返しで大きな領域全体もストライプにしてくれるようだ。以下のように指定した。
body { background: url(../images/stripe.png) repeat; }
問題は元になるストライプ画像だが、Stripe Generator 2.0 beta という素晴らしいサイトがあり、利用させて頂いた。思い通りのストライプが簡単に出来て楽しい!
出来上がったストライプ画像はダウンロードして、ファイル名をstripe.pngに変更してからRadRailsのcsv_serverプロジェクト(app/public/images)にドラッグして取り入れる。これで、stripe.pngという画像を背景画像として、繰り返し表示してくれる。見た目はこんな感じに。(小さくてよく分からないかも...。基本的にOSXベースの白地のストライプです。)