2009年2月19日にアップルストア銀座で開催したCSS Nite in Ginza, Vol.31では、特別ゲストとして来日中のDevin Fernandezさん（アドビUS）にご登壇いただきました。

Adobe - Dreamweaver Web Widgetsについてデモを交えてお話しいただきました。

Dreamweaver Web Widgetsは、jQueryやYUI、mootoolsなどのAjaxライブラリを扱うためのソリューションです。Dreamweaverの拡張機能としてインストールすると、［挿入］バーからクリックで挿入できるようになり、細かいパラメーターなどの設定をDreamweaver上で行うことができるようになるというものです。

• Adobe - Dreamweaver Web Widgets
• Dreamweaver Widget Packager - Adobe Labs

Dreamweaver Web WidgetsではDreamweaver CS4で対応可能です。ダウンロードは無料ですが、Adobe IDの取得が必要です。

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>

『現場のプロから学ぶXHTML+CSS』のp.262にてjQueryはMITライセンスであると記載していますが、正しくはMITとGPLのデュアルライセンス（どちらかを選んで利用できる形態）です。

>jQuery is currently available for use in all personal or commercial projects under both MIT and GPL licenses. This means that you can choose the license that best suits your project, and use it accordingly.

ご指摘くださった中村さん、ありがとうございました。

2007年7月15-16日に開催した［Web標準の日々］の「JavaScript/Ajax/DOM」トラック関するスライド資料、音声、映像などをシェアします。

2006年12月08日に北青山TEPIAで開催したCSS Nite LP, Disk 2 "Dreamweaver CC" に関するスライド資料、音声、映像などをシェアします。