旧ブログコンテンツ

現在は note で発信しています。

#ソースコード#jQuery

#CSS3 #CSS_Sprite #HTML5 #LP #UI #岡部_和昌 #徳田_和規 

CSS Nite LP23フォローアップ(2)『画像の最適化で地球をエコに』(岡部 和昌さん)

120630_lp23_0304.jpg

2012年6月30日(土) 、ベルサール九段で開催したCSS Nite LP, Disk 23「表示速度最適化」のフォローアップとして、岡部 和昌さんの『画像の最適化で地球をエコに』のスライドなどを公開します。


「CSS Nite LP23フォローアップ(2)『画像の最適化で地球をエコに』(岡部 和昌さん)」の続きを読む

CSS Nite LP, Disk 9.2(reprise)フォローアップ+メッセージ(5)徳田 和規さんのセッション

c_0014.jpg

2010年6月5日、ベルサール九段で開催したCSS Nite LP, Disk 9.2(reprise)のフォローアップとして、徳田 和規さん(マインドフリー)の『Coding with jQuery』のスライドとメッセージをシェアします。


「CSS Nite LP, Disk 9.2(reprise)フォローアップ+メッセージ(5)徳田 和規さんのセッション」の続きを読む

CSS Nite LP, Disk 9「Coder's Higher」フォローアップ(3)

dsc_0284.jpg

2010年4月17日、ベルサール神田で開催したCSS Nite LP, Disk 9「Coder's Higher」のフォローアップとして、『Coding with jQuery』(徳田 和規さん/マインドフリー)セッションのスライドと音声をシェアします。


「CSS Nite LP, Disk 9「Coder's Higher」フォローアップ(3)」の続きを読む

『現場のプロから学ぶXHTML+CSS』修正情報

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>

ページ 場所
100 真ん中あたり ブラウザのデフォルトのフォントを適用してしまう問題があります。 ソースコードの書き方によっては、ブラウザのデフォルトのフォントを適用してしまう問題があります。
141 最後のセレクタ ul#nav li a:hover,
  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>