960 Grid System関係のオンラインツールやリソースがまとめられています。960ユーザーにとってはなかなかナイスな記事。チュートリアル、スピンオフもの（亜種とか）、ショウケース（960gsを使って制作されたサイト例）、Wordpress用のテーマなどが主な内容。WPのテーマ個人的にアツいっす。次にテーマ作る時のベースにしようかな、なんて思ってます。
オープンソースのCSSライブラリ（＝CSSフレームワーク）が10個まとめられた記事。これらのCSSフレームワークは、ブラウザによるレンダリングの差異を吸収したり、グリッドレイアウトを簡単に実現できたりするので、わりと重宝してます。個人的に使ってるのは960 Grid Systemくらいだけど、世の中には他にも色々存在しているので、自分の制作スタイルや案件に会ったCSSフレームワークが見つかると、イイ感じにコーディング作業を効率化できますね。今月のwithDでの連載記事でもこれ系の内容を書いてるので、時間のある方は是非これひとつ。
たまに見る、PSD to XHTMLというウェブサービス。実際にはいくつかあって、わりとホットな分野のようです。その名の通り、フォトショップで作ったPSDファイルをアップロードする事で、XHTMLとCSSのファイルをはき出してくれるというジェネレーターがまとめられてます。こういうのって精度とかどうなんでしょ。試してないので何とも言えませんが、クロスブラウザ対応でわりと綺麗なソースを吐いてくれるならアリかなーって思うんです。さすがに文章マークアップとかは人の手になりそうですが。その内試してみたい分野です。
ちょっとした一手間で行える、CSSを使ったTips。テキストハイライトの色変更、FireFoxでのスクロールバーの癖の修正、入力フォームの角を丸くするといった小技が紹介されてます。斜め読みしかしてない上に、それぞれのCSSを記述した際の結果も確認していませんが、なんだか使えそうな技の気がします。
liタグを使ったクールなリスト表現と、そのチュートリアルがまとめられています。liタグなんて5年前はまるで用事がなかったタグなのに（少なくとも田舎デザイナーの俺にとってはそうでした）、今じゃめっちゃ使いますもんね。あとhタグなんかもそう。メニューからカレンダーまでいろんな用途が紹介されてます。
Styling your Lists: 20+ Brilliant How to’s and Best Practices >>
これまたわりと具体的なTipsですが、コーダーやデザイナーの人にはわりと使いやすい手法だなと思ったので備忘録代わりにメモ。見出しに使う文字のアクセントに、文字左側にアイコンをバックグラウンド指定する方法が紹介されてます。マージンの細かいとりかたや、divボックス内で文字のケツ揃えにするか左側揃えにするのかなど、こういう装飾をしようと思った時に役立ちそうな感じ。こちらからデモが見れます。
Placing a CSS background image horizontally right on an h2 using a span element >>
きっとハマる、ショートハンドで記述するCSSというTips紹介記事。“margin:0 auto;”なんて記述はわりと多用するアレですが、その他にも背景、フォント、リスト、ボーダー、カラー、コンマを使った一括記述など、覚えておくと便利な方法が紹介されてます。First-letterに関する話とか「なるほどなー」という感じ。ソース見られた時に同業者に「お」って思われたりすると気分イイですね。自分はそのへんいいかげんな性格なのでアレだしナニですが。
