What happened to the design?
To know more about why styles are disabled on this website visit the
Annual CSS Naked Day website for more information.

今年の初脱ぎです。

CSS Naked Dayは三年目を迎えるCSS脱ぎ脱ぎイベントです。

ただ脱ぎ脱ぎしようぜ！ってことじゃなくって、セマンテックが止まらない感じで、マークアップしようぜ！的なところです。

ちょっと荒い説明ですが、こうしたことをきっかけにこの先日リニューアルしたばかりのページをhtmlで見るとなかなか恥ずかしい。

間に合わず脱いでしまいましたが、これきっかけで修繕しようと思います。
そういうきっかけを作るイベントってステキやん。
今日はみんなで脱ぎ脱ぎだ！

※この記事は「脱ぎ脱ぎ」というキーワードで最適化されています

HTMLとかCSSで仕事してる人達のIRCチャンネルってあるのかな

ということで、IRCについては正直無知だったのですが、

あ、Skypeで出来るやん

ということで、コーダー・マークアップエンジニアオープンチャットをつくっちゃいました。

その後、hamashunさんに話題として拾ってもらいまして、改めて記事で紹介いただきました。

エイプリルフールの今日に、あえて告知やらなんやらを書く勇気 | Blog hamashun.com
なのでhamashunさんもいるよ！

一方、元ネタのIRCの方も発足ということで、こちらも要チェックです。

IRC 開設のお知らせだよ！ – double-team.org
IRCは未経験なのですがやってみます＞＜

ところで意外とSkypeって皆使ってない

職場ではがんがんSkypeを使っているので、むしろ無いと非常に仕事にならないので慣れているのですが、皆そういうわけでもないようで。

Skypeの導入については、こことかこことかが参考になるかと思います。

というわけで、オープンチャット参加にあたって覚えておくといいことをまとめます。

とりあえずブックマークする。

他のインスタントメッセンジャーのことをあまり知らないので、Skype特有のものかはわからないのですが、オープンチャットなどのグループチャットはブックマークすることができます。

ブックマークしておけば、ウインドウを閉じても以後はSkypeのメインウインドウの
「チャット」＞「ブックマークしたチャット」から引っ張りだせます。

ちょっと待って！退席しないで！＞＜

グループチャットとというと、終わるときには「チャットを退席」をしてしまいそうになるのですが、今後のそのチャットに参加しない、というとき以外には「退席」する必要はありません。

退席をしないでおけば、オフラインから戻ったときにもオフライン中の会話を拾い読みすることができます。
（特に設定していなければ、ログインしてオンラインになったときにウインドウが立ち上がります。）

会話が盛んでいいけど、ちょっと鬱陶しい！＞＜

気付けばチャットメンバーが 24人！
という人数にもなったので、割と頻繁にウインドウがぴこぴこ鳴ります。

今は読まずに、読みたいときにログを追っかければいい!という人は以下のコマンドをお試しください。

/alertsoff

あら不思議、この魔法でメッセージがあってもウインドウが立ち上がることはありません。

この状態から戻したいときには下記。

/alertson

もうこれであなたもSkyper!
是非参加してくださいー。

最近さぼっていた自社ブログの方のエントリーですが、こうしてまともにサンプルページなどを作るのひさびさでした。
表題のIETesterですが、ほんとにこれは便利だなあと検証しながら実感。

で、その検証のためにIEのコンディショナルコメントやIE用のCSSハックなどを使ってみたわけですが、先日のCSS Nite in Ginza, Vol.23の大藤さんのセッションの中で、最近の傾向としては「CSSハックを使うサイトは減り、IE対応にはコンディショナルコメントを使うサイトが増えてきた」とのことでした。それはまさにこのinkdesignでもそうです。（とはいえやむを得ずclearfixとかには頼ってしまうのですが。）

inkdesignは若干トリッキーなレイアウトにしてますが、そのために必要だった上下のボックスを固定配置（絶対配置）するためにコンディショナルコメントでIE用のCSSを読み込ませています。

次にCSSハックですが、記事内のサンプルとして利用したのはボックスモデルハックと呼ばれていたvoice-familyを使ったハック。そしてIE6用にアンダースコアハック。

ああ昔よく使ってたなあという感じです。CSSを勉強しはじめて少ししてから、IEのボックスモデルの解釈の違いに理不尽な思いをし、そしてボックスモデルハックを知ったときにはその反動で感動した気がします。

こういった経緯というのは、今のコーダー、マークアップエンジニアの誰もが通ってきたと思うのですが、そんな中海の向こうのウェブデベロッパー界隈では「SaveTheDevelopers」ということで、IE6乗り換え運動が盛んになってます。

確かに周りでもIE6に殺意を覚える方々がたくさんで、自分もまたその一人ではあります。個人的にIE7普及率100%でもなってもらえれば、堂々とアルファチャンネルPNGを使えるので、今よりもデザインの自由度も高くなります。（限りなく自己満足に近い話ですが。）

とはいえIE6ユーザーからサイトを観る権利を奪うべきか

身近のとあるデザイナーの実家のマシンがIE6のまま、ということで「なぜアップグレードしないか」と問うと、IE7を入れると不具合がマシンに出るということで断念をしたという話でした。

じゃあ別にFirefoxとか入れたらいいじゃん、っていう話ですが、家族も使うマシンならレガシーなブラウザである方が家族にとっては使い勝手がいいかもしれません。

他さまざまなケースで、モダンブラウザに移行することができない環境を持つユーザーにとっては、IE6未対応のサイトばかりというのは悲しいものです。

アクセシブルなサイトを作るということを考えれば、一定以下のブラウザを拒むのは好ましいとは思えません。とはいえもちろんビジネスやコストマネジメントの視点から考えると、絶対的に数が少ないユーザーのために大きな時間コストを割くというのもなんか違うというのも分かっています。（実際自分の仕事がそういうものです。）

IETesterのような便利なツールがあるのだから、じっくりとレガシーなブラウザにも歩みよっていこうじゃありませんか。

あ、でもいい加減どのブラウザもOperaのようなズーム機能を実装してください＞＜
（Firefox3.0は対応だっけかなぁ？）