ナビゲーション内の区切りなどでよく見かける立体的なラインがありますね。
難しい技術でもないので普通に使われていますが、解説しているサイトが見つからなかったので、今さらながら図説してみました。

上の図は、凹んだラインを立体化して拡大したものです。
光源が左側にあった場合、左から順に“最も暗い部分”、“最も明るい部分”となっています。
そのため1pxのラインをその順に引くと、凹んだ線が引かれているように見えます。

下の図は、飛び出したラインを立体化して拡大したものです。
光源が左側にあった場合、今度は逆に左から順に“最も明るい部分”、“最も暗い部分”となっています。
そのため1pxのラインをその順に引くと、飛び出した線が引かれているように見えます。

もし光源が右側にあった場合凸凹が逆になるはずなんですが、そのように見える方は少ないのではないかと思います。
それは“ふつう光源は左側にある”という子供のころからの刷り込みによるもの…ではないかと予想しています。

PhotoShopで作業中、同じレイヤーを何度も使いまわすことはよくあると思いますが、レイヤーを複製するたびに増えていく“～のコピー”をさっぱり消してしまうプラグインがありました。以下はリンク先サイト様からの引用です。

[Photoshop] コピーしたレイヤーの名前をリネームするスクリプト

使い方
ダウンロードしたzipファイルを解凍して、できた「コピーしたレイヤーの名前を変更.jsx」というファイルを

＜Macの場合＞
/Applications/Adobe Photoshop CS3/プリセット/スクリプト

へ放り込みPhotoshopを起動すると「ファイル → スクリプト」に「コピーしたレイヤーの名前を変更」という項目が追加されているのでそのスクリプトを実行すれば動きます。
※Winでも動作しました。

cheat sheetとはもともと“カンニングペーパ”、“虎の巻”という意味で、覚えるべき事項がまとめられているもののことを言うようです。
ここではWEBデザイナーの仕事を少し便利にするcheat sheetをまとめています。

weblio - cheat sheet

cssのチートシート

CSS Cheat Sheet 日本語版

有名なCSS Cheat Sheet (V2)を有志の方が日本語化したものです。リンク先のcss-cheat-sheet-v2-ja.pdf からダウンロードできます。

Most Practical CSS Cheat Sheet Yet

とてもキレイにまとめられているチートシートです。縦版と横版が用意されているのもうれしいですね。

PhotoShopのチートシート

Photoshop CS3とIllustrator CS3のA4サイズ全ショートカット一覧表

PS3とIL3の全ショートカットが掲載されています。