2009年1月22日、MSセミナールームにてCSS Nite in Shinjuku, Vol.5を開催しました。

下記のブログにて取り上げていただきました。ありがとうございます。

• CSS Nite in Shinjuku, Vol.5 感想・まとめレポ｜よっちのこんな日々ですが、いかが？
• Miklog: Ｔシャツのお土産付きセミナー「CSS Nite in Shinjuku, Vol.5」行ってきた

ワークスコーポレーションから2月2日に発売予定の『Silverlight2テクニックバイブル』をご提供いただきました。

本日（1月22日）開催のCSS Nite in Shinjuku, Vol.5にご来場に方に抽選でプレゼントいたします。

※本日、まだ刷り上がっていないので、当選の方に追ってお送りいたします。

CSS Nite×マイクロソフトのコラボ企画として開催してきたCSS Nite in ShinjukuのVol.5を本日（1月22日）の20時から開催します。

CSS Nite in Shinjuku, Vol.5の聞きどころにてご紹介しましたように次のようなトピックを扱います。

• Silverlightの最近の事例にはどんなものがあるのか？
• Silverlightでビデオを配信するには、どのような手順で行うのか？
• マーカーをつけたり、字幕をつける方法は？
• Silverlightでビデオを配信するメリットは？
• DeepZoomはどのように実装するの？

Silverlightによるビデオ配信、DeepZoomの実装に関する導入的な内容です。 まだ、50席ほど余裕があります。参加登録いただくと確実ですが、フラリと来ていただいてもご参加いただけます。

"バージョン3まではベータ版"戦略のマイクロソフトが、本腰を入れて来る前にざっと概要をつかんでおくのに最適だと思います。たくさんの方のご参加をお待ちしています。

CSS Nite in Shinjuku, Vol.4 フォローアップ - CSS Nite公式サイトにて、事前にざっと事例をご覧いただくのもオススメです。

なお、ご来場者の方には夜食としてKrispy Kremeドーナツが出る予定です。

2009年3月7日に開催予定のCSS Nite in FUKUSHIMA, Vol.2のお申し込みが1月16日に開始されました。1月20日現在、定員まで残り50名となっています。

ご興味ある方はお早めにどうぞ。

3刷にあたっての『現場のプロから学ぶXHTML+CSS』の修正点は下記のとおりです。

<td>225</td>
<td>1行目</td>
<td>@mediaでメディアタイプを指定</td>
<td><strong>@import</strong>でメディアタイプを指定</td>

<td>225</td>
<td>3行目</td>
<td>@importでメディアタイプを指定</td>
<td><strong>@media</strong>でメディアタイプを指定</td>

<td>230</td>
<td>13行目</td>
<td>改ページ位置を指定するやためのpage-break-beforeプロパティ（要素の直後で改ページ）とbage-break-afterプロパティ（要素の直前で改ページ）が利用で<br />
きます。</td>
<td>改ページ位置を指定するやためのpage-break-beforeプロパティ（要素の<strong>直前</strong><br />
  で改ページ）と<strong>page</strong>-break-afterプロパティ（要素の<strong>直後</strong>で改ページ）が利用で<br />
きます。</td>

<td>262</td>
<td>jQueryのライセンス</td>
<td>ライセンスは「MITライセンス」です。</td>
<td>「MITライセンス」<strong>と「GPL」のデュアルライセンス（どちらかを選んで利用できる形態）</strong>です。</td>

<td>273</td>
<td>最初のコード</td>
<td>$(function(){<br />

$(".tab li:first-child").addClass("selected");
$(".panel li:not(:first)").css("display","none");
$(".tab li").click(function(){
$(".tab li").removeClass("selected");
$(this).addClass("selected");
$(".panel li").css("display","none");
$(".panel li:eq("+$(".tab
li").index(this)+")").css("display","block");
});
});

<td>$(function(){<br />

$(".tab li:first-child").addClass("selected");
$(".panel li:not(:first-child)").css("display","none");
$(".tab li").click(function(){
$(".tab li").removeClass("selected");
$(this).addClass("selected");
$(".panel li").css("display","none");
$(".panel li:eq("+$(".tab
li").index(this)+")").css("display","block");
});
});

<td>273</td>
<td>3個目のコード</td>
<td>$(&quot;.panel li:not(:first)&quot;).css(&quot;display&quot;,&quot;none&quot;);</td>
<td>$(&quot;.panel li:not(:<strong>first-child</strong>)&quot;).css(&quot;display&quot;,&quot;none&quot;);</td>

  ul#nav li.current {<br />
  background-image: none!important;<br />
}</td>
<td>ul#nav li a:hover,<br />
  ul#nav li.current a {<br />
  background-image: none!important;<br />
}</td>