備忘録として2008年7月現在、自分がWeb制作に使用しているCSSハックをまとめてみます。ブラウザによってはいくつもCSSハックの記述方法があるものもありますが、今回まとめたのは自分にとって最低限必要なものだけ。Firefox 2.0&3.0を表示の基準とし、CSSハックの対象にするブラウザはInternet Explorer 6.0&7.0、Opera 9.27&9.5、Safari 3.1です。

記述例はすべて<div>タグに対して通常のブラウザにはvisibility:hidden、CSSハック対象ブラウザのみにvisibility:visibleと指定した場合です。

2008年も7月に突入し半年が経過したということで、この上半期の間に僕が個人的にブックマークしたWebデザインのベスト20をまとめてみました（注：Webデザイン自体が2008年上半期に公開されたというわけではありません）。

日本・海外関係なしに、業種やサイトのコンセプトも特に縛りはなく、個人的なデザインの好みだけでセレクトしています。

僕自身Flashが使えないこともあって、Flashを使ったサイトはあまり好きではないんですが、いざデザインに優れたサイトを探してみるとFlashサイトがいくつか出てきますね。特に日本のサイトはデザインに凝るとFlashを使う傾向があるように感じます。

6月12日のOpera 9.5正式リリースに続き、6月17日にはついにFirefox 3が正式リリース。24時間以内に最も多くダウンロードされたソフトウェアとしてギネス記録を狙ったキャンペーンを展開したFirefox 3は、結果的に24時間で800万を超えるダウンロード数を記録したとか。

メジャーなモダンブラウザが立て続けにアップデートされたこの機会に、 リセットCSS をアップデートすることにしました。前回は各ブラウザのデフォルトCSSをとにかくリセットしてしまう Reset CSS のみのエントリーでしたが、今回はテキストボックスやラジオボタンなどフォーム部品の細かなズレの解消などを目的として、各ブラウザで基本となる汎用的なスタイルを定義する Basic CSS なるものも書いてみました。

僕がMac OS Xを本格的に使い始めたのはフラットパネルのiMac G5（OS X 10.3.5）を購入した2004年でした。2004年当時、DTPの仕事では相変わらずOS 9のQuarkXpressがメイン環境だったので、OS Xを触りはじめたのはプライベートマシンとして購入したこのiMac G5がきっかけでした。

それから4年以上たちOS Xも10.5.3になり、メインマシンもiMacからMacBookになりましたが、先日初めて本格的なシステムトラブルに遭遇しました。症状は次のようなもの。

Unobtrusive Google Analytics Integration – Refract

「Google Analytics（のトラッキングコード）をさりげなく改良する方法」というエントリーをメモ。

今やどのWebサイトも当たり前のように利用している Google Analytics 。このGoogle Analyticsを機能させるには、HTMLソースの</body>タグ直前にトラッキングコードを挿入しなければなりませんが、新しいトラッキングコード（ga.js）は結構ソース量が多く、以下のようなものです。