#sinboon の配色できた - Make組ブログ

今日もSinboonのデザインなど。
良いかんじになって満足

あんまり派手やと文字読むのに集中できやんので地味目。再生紙の色に似てる気がする
。配色に際してまたまた読んだ: 色彩センスのいらない配色講座。このスライド、ほんとブックマークしててよかった。
あとデザインは、横線とか縦線とページ内にスクロールが無いよう意識してる。GoogleReaderのデザインがそんなかんじで堅苦しいから。

ちょっと思いつきで、ポップオーバーなどもつけてみた

余計な文字が減って良いかんじ。

さらに思いつきでナビゲーションバーを半透明にした。なんかうえから圧迫感あったから。半透明にしたらかなり気にならなくなった。半透明にするには色を指定するときにrgbaを使うとできた。rgba0, 0, 0, 0.5)みたいな。

LESS便利、Crunch使える

LESSすげー。BootstrapのCSSがLESSで書かれてるみたいなので、デフォルトの色変えるのにLESSから書いてみた。
LESSはCSSの拡張メタ言語というものらしい。LESSを書いてCSSにコンパイルして使う。何が嬉しいかというと変数とか簡単な関数とか使えるので、デザインの統一とかがしやすいこと、とかかな。
ただ問題なのが、LESSをコンパイルする環境の構築が面倒らしいということ。なんでCrunchというLESSのIDEのようなものをローカルにインストールして使った。十分使えるし、パッと見で使い方が分かるからおすすめ。キーバインドの設定とかが無いからちょっと痒い思いするけど、まぁそこまでハードに使わないから良い。ともかくLESSは使える。