下記の画像はこのサイトのトップページの画像です。両者の違いは、1ピクセルのラインが入っているか、いないかの違いです。左の画像はピクセルラインあり、右側はラインなしです。（画像クリックすると原寸表示されます。） ピクセルラインを入れることで、立体感を演出することができ、さらに質感を高めることができます。 さらに拡大した画像も下記の画像をクリックすることでご覧いただけます。

CSSワークスタイルCSSを書く際の5つのテクニックというエントリーがはてブでのブックマークで上位に上がっていました。この元のエントリーは以前にもdeliciousにてかなりのブックマークを集めていたので読んでいましたが、改めてこうして紹介され読んでみると忘れそうなときにいいチェックツールにもなります。最近物忘れがひどくなってきたので助かります。 CSS作成テクニックを読んでのワークフロー 上記のCSSを書く際の5つのテクニックを読んでみての自分なりのCSS作成時に考えるワークフローなどを書き出してみようかと。 サイズ指定の際はピクセルを使わない。 em指定でブラウザ文字サイズ変更に適応する。 Yahoo! UI Library: Fonts CSSを使ってパーセンテージ指定する 階層構造はインデントして読みやすく。 セクションごとにコメントを入れて構造化 長くなるようであれば、いくつかの