<?xml version="1.0" encoding="UTF-8"?>

<rdf:RDF
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xmlns:admin="http://webns.net/mvcb/"
  xmlns:content="http://purl.org/rss/1.0/modules/content/"
  xmlns="http://purl.org/rss/1.0/"
>

<channel rdf:about="http://webwork.seesaa.net/">
<title>Web Work</title>
<link>http://webwork.seesaa.net/</link>
<description>Web Work</description>
<dc:language>ja</dc:language>
<admin:errorReportsTo rdf:resource="mailto:info@seesaa.jp" />
<admin:generatorAgent rdf:resource="http://blog.seesaa.jp/" />
<items>
<rdf:Seq>
<rdf:li rdf:resource="http://webwork.seesaa.net/article/5152555.html" />
<rdf:li rdf:resource="http://webwork.seesaa.net/article/3187925.html" />
<rdf:li rdf:resource="http://webwork.seesaa.net/article/3892846.html" />
<rdf:li rdf:resource="http://webwork.seesaa.net/article/3892620.html" />
<rdf:li rdf:resource="http://webwork.seesaa.net/article/3648433.html" />
<rdf:li rdf:resource="http://webwork.seesaa.net/article/3661117.html" />
<rdf:li rdf:resource="http://webwork.seesaa.net/article/3642499.html" />
<rdf:li rdf:resource="http://webwork.seesaa.net/article/3268550.html" />
<rdf:li rdf:resource="http://webwork.seesaa.net/article/3267771.html" />
<rdf:li rdf:resource="http://webwork.seesaa.net/article/3261983.html" />
<rdf:li rdf:resource="http://webwork.seesaa.net/article/3257541.html" />
<rdf:li rdf:resource="http://webwork.seesaa.net/article/3255364.html" />
<rdf:li rdf:resource="http://webwork.seesaa.net/article/3253129.html" />
<rdf:li rdf:resource="http://webwork.seesaa.net/article/3233635.html" />
<rdf:li rdf:resource="http://webwork.seesaa.net/article/3097145.html" />
</rdf:Seq>
</items>
</channel>

<item rdf:about="http://webwork.seesaa.net/article/5152555.html">
<title>【Developer】自宅にローカルサーバ(win)のインストール</title>
<link>http://webwork.seesaa.net/article/5152555.html</link>
<description>新しく開設したフリーホームページが落ちているので自宅でMT(Movable Type)とwebshotを実験しようと思いまず、ウィンドウズ(Windows)にローカル環境でサーバを設置！意外とややこしかったのでメモのため、手順を書きます。LAMPの環境を構築のため、XAMPPをダウンロード。特に何もしなくてOKです。OKや次へ(NEXT)のボタンを押せばOKです。 ※入っているパッケージ一覧です。Apache HTTPD 2.0.52MySQL 4.1.8PHP 5.0.3 ...</description>
<dc:subject>ウェブ[Web]</dc:subject>
<dc:creator>nori</dc:creator>
<dc:date>2005-07-17T20:06:21+09:00</dc:date>
<content:encoded><![CDATA[
新しく開設したフリーホームページが落ちているので自宅でMT(Movable Type)とwebshotを実験しようと思いまず、ウィンドウズ(Windows)にローカル環境でサーバを設置！
<p>意外とややこしかったのでメモのため、手順を書きます。</p>
<h4>LAMPの環境を構築のため、<a href="http://www.apachefriends.org" target="_blank">XAMPP</a>をダウンロード。</h4>
<p>特に何もしなくてOKです。OKや次へ(NEXT)のボタンを押せばOKです。</p>
<blockquote>
<p> ※入っているパッケージ一覧です。<br>
Apache HTTPD 2.0.52<br>
MySQL 4.1.8<br>
PHP 5.0.3 + 4.3.10 + PEAR + Switch<br>
MiniPerl 5.8.3<br>
mod_ssl 2.0.51<br>
Openssl 0.9.7e<br>
PHPMyAdmin 2.6.0 pl3,<br>
Webalizer 2.01-10<br>
Mercury Mail Transport System fur Win32 und NetWare Systems v4.01a<br>
FileZilla FTP Server 0.9.4d<br>
SQLite 2.8.15<br>
ADODB 4.52<br>
Zend Optimizer 2.5.7<br>
XAMPP Security</p>
</blockquote>
<h4> Apacheの設定</h4>
<p>ApacheとはWebサーバのことで、これが無いと何も始まらないという重要なものです。<BR>
<BR>
<SPAN 
style="COLOR: blue">C:\apachefriends\xampp\apache</SPAN><BR>
に apache が存在するので <BR>
<BR>
<SPAN 
style="COLOR: blue">C:\apachefriends\xampp\apache\conf\httpd.conf</SPAN><BR>
を書き換えることでApacheの設定ができます。</p>
<samp><p><B>文字コード設定</B><BR>
<BR>
<SPAN 
style="COLOR: blue">C:\apachefriends\xampp\apache\conf\httpd.conf</SPAN><BR>
を開きます。<BR>
<BR>
デフォルトCharsetがISO-8859-1になっているため<BR>
<B>AddDefaultCharset ISO-8859-1</B><BR>
の行を<BR>
<B>#AddDefaultCharset ISO-8859-1</B><BR>
のようにコメントアウトした方がよいようです。<BR>
そのままだと文字化けしたりします。</p></samp>
<p>ScriptInterpreterSource Registry</p>
<p>と一番上に記入(perl対策)、これで「#!/usr/bin/perl」を消さなくてすみます。</p>
<p>ちなみに、「「#!C:\apachefriends\xampp\perl\bin\perl.exe」がXAMPPのパスになります。</p>
<h4>セキュリティ設定 </h4>
<p>初期設定のままだと外部からアクセスできてしまうため<BR>
<BR>
<SPAN 
style="COLOR: blue">C:\apachefriends\xampp\htdocs</SPAN><BR>
以下に、</p>
<p><samp>Order deny,allow<BR>
Deny from All<BR>
Allow from localhost 127.0.0.1<BR></samp></p>
<p>感じに .htaccess というファイルを作ってアクセス制限をかけておいた方がよいでしょう。<BR>
上記内容をメモ帳にコピーして<BR>
<SPAN 
style="COLOR: blue">C:\apachefriends\xampp\htdocs\.htaccess</SPAN><BR>
として保存します。<BR>
<BR>
<SPAN 
style="COLOR: blue">C:\apachefriends\xampp\htdocs\</SPAN><BR>
ディレクトリは、HTTP でアクセスした際の一番最初のパスになりますのでここを制限しておけば HTTP での外部からのアクセスは防ぐことができます。<BR>
<BR>
これで外部からのHTTPでのアクセスを防ぎます。</p>
<p>※ウインドウズ(Windows)はドット【.】を付けれないので、私の環境はWindows XPなため、どっかのLinux系サーバにファイルをFTPでアップロードしてファイル名を「<SPAN 
style="COLOR: blue">.htaccess</SPAN>」にして、また、ダウンロードしてます。</p>
<h4>PHPの設定</h4>
<p><SPAN 
style="COLOR: blue">c:\apachefriends\xampp\apache\bin\php.ini</SPAN><BR>
<BR>
を編集します。</p>
<p><samp><B>マルチバイト設定)</B><BR>
;extension=php_mbstring.dll<BR>
の行を<BR>
extension=php_mbstring.dll<BR>
のようにして php_mbstring.dll を読み込むようにします。<BR>
<BR>
[mbstring]<BR>
部分も mbstring～ で始まる部分で ; で始まる行の<BR>
; をはずしてコメントアウトしてください。</samp></p>
<p>※1この設定は、PHP4,5を切り替える際に元に戻ってしまうので、C:\apachefriends\xampp\php 以下の *.ini ファイルに関しても同様の編集を行っておくとよいでしょう。</p>
<p>※2 <samp>;extension=php_mbstring.dll</samp>は「(;)セミコロン」最新バージョンでは外れている。<br>
後に出てくるphp4.5の変更でもセミコロン(;)は外れてる<br>
まだ、
<samp>mbstring</samp>全般はセミコロンをはずしていない。必要に応じてはずす。</p>
<p>&nbsp;</p>
<h4>MYSQLの設定</h4>
<p>スタート→プログラム→apachefriends→xampp control panel</p>
<p>でパネルが起動します。</p>
<p>ApacheとMYSQLをスタート(start)してください。</p>
<p>わからない場合は<a href="http://phpspot.net/php/pgXAMPP%82%CC%8BN%93%AE%81E%92%E2%8E%7E.html" target="_blank">phpsthot</a>を参考に！<br>
(やり方は違うのが乗っていますが、内容はあってます)
</p>
<p><a href="http://localhost/phpmyadmin/" target="_blank">http://localhost/phpmyadmin/</a></p>
<p>と入力</p>
<p>データベース「mysql 」を選択</p>
<p>テーブル「user 」をクリック</p>
<p>表示をクリック</p>
<p> % と localhost の <B>root</B> を編集</p>
<p>パスワードにpassword関数を設定</p>
<p>passwordを任意に入力</p>
<p>変更完了！</p>
<p>SQLボタンを押して、テキストエリアに</p>
<p>FLUSH PRIVILEGES</p>
<p>を入力して実行ボタンを押しましょう。<BR>
これでユーザが有効になり、phpなどから接続できるようになります。</p>
<p>phpMyAdmin の設定ファイルである<BR>
C:\apachefriends\xampp\phpmyadmin\config.inc 内、<BR>
$cfg['Servers'][$i]['auth_type'] = 'config'; // Authentication method (config, http or cookie based)?<BR>
の行が cookie か http に設定されているかどうかをチェック<BR>
→cookie, http のどちらかに設定すればＯＫ。パスワードの設定も忘れなく。
</p>
<h4>PERLの設定</h4>
<p>「C:\apachefriends\xampp」にある「perl」を別の名前に変更(適当でいいです。)</p>
<p><a href="http://www.activestate.com/" target="_blank">ActiveState</a>からActivePerl5.6.1をダウンロード「ims」でダウンロード</p>
<p>インストール</p>
<p>何も設定をいじらなくていいです。</p>
<p>今度は、DBモジュールのインストール</p>
<p>「スタート」→「プログラム」→ ActiveState ActivePerl 5.6→Perl Package Manager</p>
<p>コマンドから</p>
<p>PPM &gt; install DBI</p>
<p>PPM &gt; install DBD-MySQL</p>
<p>でインストール！</p>
<p>これでMT(Movable Type)の設置したら動いた。</p>
<p>でも、詳しくところまで突き詰めていない</p>
]]></content:encoded>
</item>
<item rdf:about="http://webwork.seesaa.net/article/3187925.html">
<title>【Developer】仕掛けで見せる! WEBデザインTIPS ＆ TRICKS[web creators]</title>
<link>http://webwork.seesaa.net/article/3187925.html</link>
<description>第42回(2005年6月号)フォームのキャプションをタブ状に表示させる(FIREFOXのみ) インラインの引用文（q要素）のデザイン法(FIREFOXのみ) 見出しに画像を組み合わせる サムネール画像による簡易スライドショー テキストエリアの内容をワンクリックで全コピー FOAFの作成とデザイン法［前編］第42回(2005年6月号)【CSS】サブラウザスタイルの初期化【CSS・Accessibility】小文字のスモールキャピタル化※音声ブラウザの場合、大文字はアルファベット...</description>
<dc:subject>ウェブ[Web]</dc:subject>
<dc:creator>nori</dc:creator>
<dc:date>2005-06-16T17:39:43+09:00</dc:date>
<content:encoded><![CDATA[
<h4>第42回(2005年6月号)</h4>
<ol>
<li><a href="http://www.mdn.co.jp/webcre/Tips/Vol43/1/index.html" target="_blank">フォームのキャプションをタブ状に表示させる</a>(FIREFOXのみ)</li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol43/2/index.html" target="_blank">インラインの引用文（q要素）のデザイン法</a>(FIREFOXのみ)</li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol43/3/index.html" target="_blank">見出しに画像を組み合わせる</a></li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol43/4/index.html" target="_blank">サムネール画像による簡易スライドショー</a></li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol43/5/index.html" target="_blank">テキストエリアの内容をワンクリックで全コピー</a></li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol43/6/index.html" target="_blank">FOAFの作成とデザイン法［前編］</a></li>
</ol>
<h4>第42回(2005年6月号)</h4>
<ol>
<li><a href="http://webwork.seesaa.net/article/3253129.html">【CSS】サブラウザスタイルの初期化</a></li>
<li><a href="http://www.mdn.co.jp/webcre/Tips/Vol42/2/index.html" target="_blank">【CSS・Accessibility】小文字のスモールキャピタル化</a><br />
<span class="red">※音声ブラウザの場合、大文字はアルファベットで読まれるがスモールキャピタルにすることにより英語を単語で読んでくれる。</span></li>
<li><a href="http://www.mdn.co.jp/webcre/Tips/Vol42/3/index.html" target="_blank">【CSS】テーブルのボーダーを格子状に引く</a></li>
<li><a href="http://www.mdn.co.jp/webcre/Tips/Vol42/4/index.html" target="_blank">【JavaScript】フォームコントロールがフォーカスを受けたときのデザインを変える</a></li>
<li><a href="http://www.mdn.co.jp/webcre/Tips/Vol42/5/index.html" target="_blank">【JavaScript】アフィリエイトのテキスト広告をランダムに表示する</a></li>
<li><a href="http://www.mdn.co.jp/webcre/Tips/Vol42/6/index.html" target="_blank">【JavaScript】自動的に年齢表示を更新する</a></li>
<li><a href="http://www.mdn.co.jp/webcre/Tips/Vol42/7/index.html" target="_blank">【JavaScript】テーブルの背景画像にスクロール効果を加える</a></li>
</ol>
<h4> 第41回(2005年5月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol41/1/index.html" target="_blank">【JavaScript】 サイト内の個別ページへの直リンクをトップページに飛ばす </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol41/2/index.html" target="_blank"> 【特殊文字】ハートやスペードなどのマークを表示する </a> </li>
<li> <a href="http://webwork.seesaa.net/article/3255364.html">【Security】 .htaccessを利用してセキュリティを強化する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol41/4/index.html" target="_blank"> 【特殊文字】alt属性でテキストを改行する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol41/5/index.html" target="_blank"> 【HTML】object要素の入れ子による階層化オブジェクト </a> </li>
<li> <a href="http://webwork.seesaa.net/article/3257541.html"> 【CSS】比較的実用性の高いCSSハックを紹介 </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol40/1/index.html" target="_blank">【JavaScript】 ブラウザウインドウを最大サイズで表示する </a> </li>
</ol>
<h4> 第40回(2005年4月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol40/2/index.html" target="_blank">【JavaScript】 ページの内容をすべて読み込み終わってから本来の内容を表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol40/3/index.html" target="_blank">【CSS】 区切り線（hr要素）を個性的にデザインする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol40/4/index.html" target="_blank">【JavaScript】 画像を送信ボタンとして使用する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol40/5/index.html" target="_blank">【JavaScript】 フォームの内容を送信後、自動的にメッセージを表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol40/6/index.html" target="_blank">【JavaScript】 テキストフィールドで半角英数字で入力されているかチェックする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol40/7/index.html" target="_blank">【CSS】 テキストを切り抜き文字のようにデザインする </a> </li>
</ol>
<h4> 第39回(2005年3月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol39/1/index.html" target="_blank">【JavaScript】 ページ上にアドレスバーを埋め込む </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol39/2/index.html" target="_blank">【JavaScript】 チェックボックスとラジオボタンを連動させる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol39/3/index.html" target="_blank">【JavaScript】セレクトメニューに項目を追加する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol39/4/index.html" target="_blank">【JavaScript】 イメージマップにマウスオーバーすると説明文を表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol39/5/index.html" target="_blank">【XHTML+HTML】 代替スタイルシートの切り替え機能 </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol39/6/index.html" target="_blank">【CSS】 リストのさまざまなデザイン法 </a> </li>
</ol>
<h4> 第38回(2005年2月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol38/1/index.html" target="_blank">【JavaScript】 初回訪問時と2回目以降の訪問時で異なるページを表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol38/2/index.html" target="_blank">【JavaScript】 サブウインドウをつねに前面に表示させる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol38/3/index.html" target="_blank">【JavaScript】 ロールオーバーとスワップイメージを同時に実現する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol38/4/index.html" target="_blank">【JavaScript】 表の内容をJavaScriptで自動生成する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol38/5/index.html" target="_blank">【JavaScript】 フォームで数字のみを入力可能にする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol38/6/index.html" target="_blank">【JavaScript】 動的でコンパクトなナビゲーションバー </a> </li>
</ol>
<h4> 第37回(2005年1月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol37/1/index.html" target="_blank">【CSS】 印刷時の改ページ位置を指定する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol37/2/index.html" target="_blank">【JavaScript】 指定日までの日数をカウントダウンする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol37/3/index.html" target="_blank">【JavaScript】 時間帯ごとに異なるリンク先を表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol37/4/index.html" target="_blank">【JavaScript】 ページ表示後すぐに検索ボックスにフォーカスする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol37/5/index.html" target="_blank">【XHTML+HTML】 &quot;NEW&quot;アイコンを点滅させる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol37/6/index.html" target="_blank">【XML+XSL】 RDFをXSLで自由にデザインする </a> </li>
</ol>
<h4> 第36回(2004年12月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol36/s1/index.html" target="_blank">【JavaScript】 フォントサイズをワンクリックで変更する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol36/s2/index.html" target="_blank">【CSS・Accessibility】 アクセシビリティの高いタイトル画像 </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol36/s3/index.html" target="_blank">【CSS】四つ角を丸くデザインする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol36/s4/index.html" target="_blank">【CSS】 訴求効果の高いリンクテキストの動的なフォーカス効果 </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol36/s5/index.html" target="_blank">【CSS】 見出しに自動的に番号を振る </a>(Operaのみ)</li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol36/s6/index.html" target="_blank">【CSS】 古いブラウザにCSSを読み込ませない </a> </li>
</ol>
<h4>第35回(2004年11月号) </h4>
<ol>
<li><a href="http://www.mdn.co.jp/webcre/Tips/Vol35/s1/index.html" target="_blank">【CSS】ブロックレベル要素をインライン要素として表示し、論理性を確保したグローバルナビゲーション </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol35/s2/index.html" target="_blank">【JavaScript】 フォーム上で電話番号の入力形式をチェック </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol35/s3/index.html" target="_blank">【JavaScript】 右クリックメニューを自由にデザインし、好きな機能をもたせる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol35/s4/index.html" target="_blank">【JavaScript】 カーソルオンでスクロールバーのカラーリングを変化させる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol35/s5/index.html" target="_blank">【JavaScript】 時間帯によって背景画像とBGMをシンクロさせる </a></li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol35/s6/index.html" target="_blank">【JavaScript】 カーソルに画面の各方向から放射状にフォーカスする </a> </li>
</ol>
<h4> 第34回(2004年10月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol34/s1/1.html" target="_blank">【JavaScript】 インラインフレームのシンクロナイゼーション </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol34/s2/2.html" target="_blank">【JavaScript】 画像にカーソルを合わせて簡易スライドショー </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol34/s3/3.html" target="_blank">【JavaScript】 画像を別ウインドウにジャストサイズで表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol34/s4/4.html" target="_blank">【JavaScript】 チェックボックスの選択数を制限する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol34/s5/5.html" target="_blank">【JavaScript】 ドロップダウンメニューを連携させる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol34/s6/6.html" target="_blank">【JavaScript】 チェックテストを作成する </a> </li>
</ol>
<h4> 第33回(2004年9月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol33/s1/1.html" target="_blank">【CSS】 フレームを使わずにページに枠をつけてクールなページを演出 </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol33/s2/2.lzh" target="_blank">【Perl】 現在の訪問者数を書き出す</a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol33/s3/3.html" target="_blank">【CSS】 テキストを切り抜き文字のように表示させる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol33/s4/4.html" target="_blank">【CSS】 2枚以上の画像を組み合わせて、チラシ風にレイアウトする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol33/s5/5.html" target="_blank">【JavaScript】 一定時間だけサブウインドウを表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol33/s6/6.html" target="_blank">【JavaScript】 CSVデータを表として書き出す </a> </li>
</ol>
<h4> 第32回(2004年8月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol32/s1/1.html" target="_blank">【JavaScript】 複数のページで同一のJavaScriptを共有する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol32/s2/2.html" target="_blank">【JavaScript】 曜日によって適用するJavaScriptを変える </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol32/s3/3.html" target="_blank">【JavaScript】 ブログやコラムなどの連載型コンテンツに最適なカレンダーを表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol32/s4/4.html" target="_blank">【JavaScript】 自動的に日付を書き出す </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol32/s5/5.html" target="_blank">【JavaScript】 特定の日数だけNEWマークを表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol32/s6/6.html" target="_blank">【JavaScript】 JPEGやPNGをGIFアニメーションのように表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol32/s7/7.html" target="_blank">【JavaScript】 確認ダイアログをカスタマイズする </a> </li>
</ol>
<h4> 第31回(2004年7月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol31/s1/1.html" target="_blank">【JavaScript】 ユーザーが画像と文字色・背景色のマッチングを瞬時に確認できるカラーチェンジャー </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol31/s2/2.html" target="_blank">【CSS】 テキストを日記帳風に表示させる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol31/s3/3.html" target="_blank">【CSS】 メニューボタンを立体的に表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol31/s4/4.html" target="_blank">【CSS+JavaScript】 画像にフェイント効果を加える </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol31/s5/5.html" target="_blank">【XHTML+HTML】 クリックすると、メールの件名・CC・BCC・本文を指定済みで新規メッセージが開く </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol31/s6/6.html" target="_blank">【CSS】 レイアウトグリッドを活用する </a>(IE独自) </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol31/s7/7.html" target="_blank">【CSS】 ウインドウのスクロールバーを非表示にする </a> </li>
</ol>
<h4> 第30回(2004年6月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol30/s1/1.html" target="_blank">【CSS】 ページ全体をグレースケールにする </a>(IE独自)</li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol30/s2/2.html" target="_blank">【JavaScript】 リアルタイムに時刻を表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol30/s3/3.html" target="_blank">【JavaScript】 ユーザー名とメッセージを表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol30/s4/4.html" target="_blank">【JavaScript】 クリックで表を切り替える </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol30/s5/5.html" target="_blank">【CSS】 テキストを重ねたグラフィカルなタイトル </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol30/s6/6.html" target="_blank">【JavaScript】 ドロップダウンメニューでページサイズを変更する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol30/s7/7.html" target="_blank">【CSS】 表にスクロールバーをつける </a> </li>
</ol>
<h4> 第29回(2004年5月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol29/s1/1.html" target="_blank">【JavaScript】 ウインドウサイズをディスプレイサイズのパーセンテージで指定する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol29/s2/2.html" target="_blank">【JavaScript】 リンク先とサブウインドウを連動させる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol29/s3/3.html" target="_blank">【JavaScript】 画像をクリックするとワイプしながら別の画像に切り替わる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol29/s4/4.html" target="_blank">【JavaScript】 カーソルオンでテキストの濃さを変える </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol29/s5/5.html" target="_blank">【JavaScript】 ドラッグで移動できるインラインフレーム </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol29/s6/6.html" target="_blank">【JavaScript】 テキストエリアをボタンで全選択する </a> </li>
</ol>
<h4> 第29回(2004年5月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol29/s7/7.html" target="_blank">【JavaScript】 インラインフレームにスクロールボタンをつける </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol28/s1/1.html" target="_blank">【JavaScript】 PC向けページと携帯向けページを振り分ける </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol28/s2/2.html" target="_blank">【JavaScript】 ブラウザの言語によってページを振り分ける </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol28/s3/3.html" target="_blank">【JavaScript】 時間帯によって表示するページを変える </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol28/s4/4.html" target="_blank">【JavaScript】 メールの二重送信を防止する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol28/s5/5.html" target="_blank">【JavaScript】 メールの内容によって送信先を変える </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol28/s6/6.html" target="_blank">【JavaScript】 画像をクリックするとフォームに所定のテキストが入力される </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol28/s7/7.html" target="_blank">【JavaScript】 訪問者のアクセス回数をCookieに保存し、表示する </a> </li>
</ol>
<h4> 第27回(2004年3月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol27/s1/1.html" target="_blank">【JavaScript】 カーソルオンで画像をモノトーンからカラーにする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol27/s2/2.html" target="_blank">【JavaScript】 CSSファイルを選択可能にし、Cookieに保存する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol27/s3/3.html" target="_blank">【JavaScript・Usability】 入力中のフォームをフォーカスする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol27/s4/4.html" target="_blank">【JavaScript】 ウインドウサイズとフォントサイズを相関させる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol27/s5/5.html" target="_blank">【JavaScript】 表にソート機能をつける </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol27/s6/6.html" target="_blank">【JavaScript】 プログレスバーを表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol27/s7/7.html" target="_blank">【JavaScript】 カーソルオンで画像に説明文を表示する </a> </li>
</ol>
<h4> 第26回(2004年2月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol26/s1/1.html" target="_blank">【XHTML+HTML】 WEBページファイルのローカルキャッシュを防ぐ </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol26/s2/2.lzh" target="_blank">【CSS】 ユーザー側のCSSを強制的に適用し、自分好みのスタイルでブラウジングできるようにする</a></li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol26/s3/3.html" target="_blank">【XHTML+HTML】 文字にルビをふって、ユーザーが仮名を確認する負担を減らす </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol26/s4/4.html" target="_blank">【XHTML+HTML】 イメージツールバーを表示させないようにする </a>(IE独自)</li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol26/s5/5.html" target="_blank">【JavaScript】 フォームに所定の文字数以上入力させない </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol26/s6/6.html" target="_blank">【JavaScript】 ドロップダウンメニューで画像サイズを変更する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol26/s7/7.html" target="_blank">【JavaScript】 ページ全体に雪を降らせる </a> </li>
</ol>
<h4> 第25回(2004年1月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol25/s1/1.html" target="_blank">【XHTML+HTML】 メールアドレスを収集されないようにする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol25/s2/2.html" target="_blank">【CSS】 リンクテキストにボタン風の効果を与える </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol25/s3/3.html" target="_blank">【CSS】 文字間隔を調整して見やすいページにする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol25/s4/4.html" target="_blank">【JavaScript】 複数のチェックボックスを一括でON/OFFできるようにする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol25/s5/5.html" target="_blank">【JavaScript】 トップページ以外へのリンクをトップページに飛ばす </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol25/s6/6.html" target="_blank">【JavaScript】 Cookieの設定によってページを振り分ける </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol25/s7/7.html" target="_blank">【JavaScript】 ふたつのインラインフレームを同時に切り替える </a> </li>
</ol>
<h4> 第24回(2003年12月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol24/s1/1.html" target="_blank">【CSS】 フォームの背景を透明化して、スッキリ見せる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol24/s2/2.html" target="_blank">【JavaScript】 時間帯によって表示する画像を変える </a> </li>
<li>【CSS】 スクロールバーの色を自分好みの色にカラーリングする (IE独自)
<ol>
<li><a href="http://www.mdn.co.jp/webcre/Tips/Vol24/s3/3-1.html" target="_blank">通常パターン</a>
</li>
<li><a href="http://www.mdn.co.jp/webcre/Tips/Vol24/s3/3-2.html" target="_blank">CSSパターン</a>
</li>
<li><a href="http://www.mdn.co.jp/webcre/Tips/Vol24/s3/3-3.html" target="_blank">IFRAMEパターン</a>
</li>
</ol>
</li>
<li><a href="http://www.mdn.co.jp/webcre/Tips/Vol24/s4/4.html" target="_blank">【XHTML+HTML】 スタイリッシュなヘッドラインでテキストをスクロールさせる </a> </li>
<li><a href="http://www.mdn.co.jp/webcre/Tips/Vol24/s5/5.html" target="_blank">【CSS】 テキストをCSSを使って光らせる </a>(IE独自)</li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol24/s6/6.html" target="_blank">【JavaScript】 ページ表示と同時にサブウインドウがポップアップする </a>(WinXPでは禁止)</li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol24/s7/7.html" target="_blank">【JavaScript】 ドロップダウンメニューのスマートなリンク </a> </li>
</ol>
<h4> 第23回(2003年11月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol23/s1/1.html" target="_blank">【JavaScript】 ブラウザのスタートページへ簡単に登録してもらう </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol23/s2/2.html" target="_blank">【CSS】 画像や表を半透明で表示する </a>(IE独自)</li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol23/s3/3.html" target="_blank">【JavaScript】 テキストのみのシンプルな折りたたみメニュー</a>(SEO的にも大丈夫)</li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol23/s4/4.html" target="_blank">【JavaScript】 訪問者があとからスタイルシートファイルを選択できるようにする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol23/s5/5.html" target="_blank">【CSS】 外部スクリプトファイルの動作を実行させる </a>(IE独自)</li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol23/s6/6.html" target="_blank">【JavaScript】 表にカーソルが触れるとライトアップされる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol23/s7/7.html" target="_blank">【JavaScript】 リンクにカーソルが触れるとテキストフィールドに説明文を表示する </a> </li>
</ol>
<h4> 第22回(2003年10月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol22/s1/1.htm" target="_blank">【XHTML+HTML】 別のページに自動的にジャンプする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol22/s2/2.htm" target="_blank">【XHTML+HTML・SEO】 特定のページを検索エンジンにリストアップさせない </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol22/s3/3.htm" target="_blank">【JavaScript】 背景色をユーザー側で変更可能にする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol22/s4/4.htm" target="_blank">【CSS】 リストのマークを画像にする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol22/s5/5.htm" target="_blank">【JavaScript】 画像を一定間隔で点滅させる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol22/s6/6.htm" target="_blank">【CSS】 画像を一部だけしか表示させない </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol22/s7/7.htm" target="_blank">【JavaScript】 画像にカーソルが触れると音声を鳴らす </a> </li>
</ol>
<h4> 第21回(2003年9月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol21/s1/1.htm" target="_blank">【XHTML+HTML】 Internet Explorerの「お気に入り」のアイコンを設定する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol21/s2/2.htm" target="_blank">【JavaScript】 文字列をバネのように横に伸び縮みさせる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol21/s3/3.htm" target="_blank">【JavaScript】 クリックしようとするとランダムな方向に逃げてしまうリンク </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol21/s4/4.htm" target="_blank">【JavaScript】 クリックすると文字が消えて指定ページに移動するメニュー </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol21/s5/5.htm" target="_blank">【XHTML+HTML・SEO】 Windowsのエクスプローラのようなアウトラインメニュー </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol21/s6/6.htm" target="_blank">【CSS】 メニューを縦書きで表示して、和風な雰囲気を演出する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol21/s7/7.htm" target="_blank">【JavaScript】 DOM(ドキュメントオブジェクトモデル)を使ってテーブルをソートする </a> </li>
</ol>
<h4> 第20回(2003年8月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol20/s1/1.htm" target="_blank">【JavaScript】 誕生日など、指定日までの日数をカウントする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol20/s2/2.htm" target="_blank">【JavaScript】 クリックで複数のフレームを同時に切り替える </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol20/s3/3.htm" target="_blank">【JavaScript】 画像や文字列を自動的に回転させる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol20/s4/4.htm" target="_blank">【JavaScript】 キーボードのテンキーを使って画像を移動する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol20/s5/5.htm" target="_blank">【JavaScript】 カーソルが重なった部分のテキストをズームアップさせる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol20/s6/6.htm" target="_blank">【JavaScript】 自動的にその月のカレンダーを生成して表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol20/s7/7.htm" target="_blank">【JavaScript】 色自体をプログラムから作成した色選択ウィンドウをつくる </a> </li>
</ol>
<h4> 第19回(2003年7月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol19/s1/1.htm" target="_blank">【JavaScript】 おみくじなどクリックの結果をランダムにポップアップ表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol19/s2/2.htm" target="_blank">【JavaScript】 アクセスカウンタ用にJavascriptでCookieを発行するには </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol19/s3/3.htm" target="_blank">【JavaScript】 スロットゲーム的にランダムな数字を発行しすべて揃えば当たりとなる仕組みをつくる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol19/s4/4.htm" target="_blank">【JavaScript】 ブラウザ上に付箋紙のようなメモ欄をつくろう </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol19/s5/5.htm" target="_blank">【JavaScript+CSS】 半透明のレイヤーを徐々に不透明に変化させるには </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol19/s6/6.htm" target="_blank">【JavaScript】 長いメッセージをテロップのように目立たせて表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol19/s7/7.htm" target="_blank">【JavaScript+SEO】 ブラウザ内で固定されたメニューをスクロールに合わせて移動させるには </a> </li>
</ol>
<h4> 第18回(2003年6月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol18/1/" target="_blank">【JavaScript】 履歴によるページの移動と履歴を残さずページを移動するには </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol18/2/" target="_blank">【JavaScript】 ブラウザの言語を取得して、自動で使用言語のページへ移動する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol18/3/" target="_blank">【JavaScript】 一定時間操作がないときに画面を切り替えるスクリーンセイバーのようなアクション </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol18/4/" target="_blank">【JavaScript】 背景画面に雪が降っているような効果をつけるには </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol18/5/" target="_blank">【JavaScript】 タブを使って、項目の切り替えができる画面をつくりたい </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol18/6/" target="_blank">【JavaScript+SEO】 スクロールしても、メニューがつねに同じ位置から動かないようにしたい </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol18/7/" target="_blank">【JavaScript+SEO】 ドキュメント上で、右クリックすると任意のメニューが表示される方法 </a> </li>
</ol>
<h4> 第17回(2003年5月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol17/1/" target="_blank">【JavaScript】 メッセージに効果をつける(1) </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol17/2/" target="_blank">【JavaScript】 メッセージに効果をつける(2) </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol17/3/" target="_blank">【JavaScript】 ランダムな流れ星 </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol17/4/" target="_blank">【JavaScript】 プルプル動くリンク </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol17/5/" target="_blank">【JavaScript】 スロットゲーム　又は、回線速度を量る </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol17/6/" target="_blank">【JavaScript+SEO】 色々な所から集まるメニュー </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol17/7/" target="_blank">【JavaScript+SEO】 プルダウンメニュー </a> </li>
</ol>
<h4> 第16回(2003年4月号) </h4>

<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol16/1/" target="_blank">【JavaScript】 ユーザーが入力したとき自動でカンマをを挿入させたい </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol16/2/" target="_blank">【JavaScript】 メッセージの文字サイズを徐々に大きくして目立たせたい </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol16/3/" target="_blank">【JavaScript】 メッセージを一文字ずつ表示後、点滅させて目立たせたい </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol16/4/" target="_blank">【JavaScript】 リンクにマウスを重ねたときにポップアップメッセージを表示 </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol16/5/" target="_blank">【JavaScript】 映画のエンディングのようにメッセージを自動スクロールさせたい </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol16/6/" target="_blank">【JavaScript+SEO】 ユーザーが自由な位置に画像を動かせるようにしたい </a> </li>
</ol>
<h4> 第15回(2003年3月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol15/1/1.htm" target="_blank">【JavaScript+SEO】 トップからの遷移を強制する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol15/2/" target="_blank">【JavaScript】 全てのチェックボックスを一括でまとめて操作する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol15/3/" target="_blank">【JavaScript】 画面読み込み時に「Now Loading...」を表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol15/4/" target="_blank">【JavaScript+SEO】 ページを読み込まれたのちに画像の重なり順序を変更する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol15/5/" target="_blank">【JavaScript】 指定した日まで “NEW” 画像を表示し期日が過ぎたら自動で消える </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol15/6/" target="_blank">【JavaScript+SEO】 チェックボックスを有効にしたときのみ表示されるリストボックスを作成する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol15/7/" target="_blank">【JavaScript】 文字色を指定色から徐々に変え、フェードインさせる </a> </li>
</ol>
<h4> 第14回(2003年2月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol14/1.htm" target="_blank">【JavaScript】 数値3桁ごとにカンマを付ける </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol14/2/" target="_blank">【JavaScript】 ランダムに画像を変更する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol14/3/" target="_blank">【JavaScript】 マウスに反応する画像を作成する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol14/4/" target="_blank">【JavaScript】 サブウインドウで画像を自動スクロールさせる </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol14/5/" target="_blank">【JavaScript】 ウインドウを解像度に合わせて表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol14/6.htm" target="_blank">【JavaScript】 ページの最終更新日付を表示する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol14/7.htm" target="_blank">【JavaScript】 リアルタイム時計を作成する </a> </li>
</ol>
<h4> 第13回(2003年1月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol13/1.htm" target="_blank">【JavaScript】 ブラウザの種類、バージョンによって処理を振り分ける </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol13/2.htm" target="_blank">【JavaScript】 Enterキーが押されたら次の項目に進むインターフェイスを作成する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol13/3.htm" target="_blank">【JavaScript】 フォームの未入力の項目をまとめてチェックする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol13/4.htm" target="_blank">【JavaScript】 入力データの内容について詳しくチェックする </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol13/5.zip" target="_blank">【JavaScript】 リモコンウィンドウを作成しメインウィンドウを操作する </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol13/6.zip" target="_blank">【JavaScript+Cookie】 メールを送信したユーザのみにアクセス可能なページを作成する </a> </li>
</ol>
<h4> 第12回(2002年12月号) </h4>
<ol>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol12/css_image_layer01.html" target="_blank"> 画像を重ねる（CSS） </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol12/js_imagechange01.html" target="_blank"> カーソルが重なると画像が変わる（JavaScript） </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol12/js_imagechange02.html" target="_blank"> ドロップダウンメニューで画像が変わる（JavaScript） </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol12/js_bcgchange01a.html" target="_blank"> 背景色フェードアウト（JavaScript） </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol12/js_bcgchange02.html" target="_blank"> 訪問者に背景画像を選択してもらう（JavaScript） </a> </li>
<li> <a href="http://www.mdn.co.jp/webcre/Tips/Vol12/js_statusbar01.html" target="_blank"> ステータスバーでタイプライク・メッセージ（JavaScript） </a> </li>
</ol>
]]></content:encoded>
</item>
<item rdf:about="http://webwork.seesaa.net/article/3892846.html">
<title>【CSS】XHTML &amp; CSS トラブルシューティングガイド</title>
<link>http://webwork.seesaa.net/article/3892846.html</link>
<description>XHTMLを書く時に気をつけるポイントは？正しいDOCTYPE宣言を書くどんな場合でも必ずタグを閉じるタグと属性は必ず小文字で記述する値にはクオーテーションを忘れずにブロックとインラインの違いを把握する情報階層を理解したマークアップを心がけるCSSを書く時に気をつけるポイントは？コロン(:)とセミコロン(;)に気を付けるセレクタをきちんと使い分けるSTYLEの継承方法を工夫するグループ分けをうまく利用する属性のショートバンドを活用するXHTMLのトラブルシューティングIE6で...</description>
<dc:subject>ウェブ[Web]</dc:subject>
<dc:creator>nori</dc:creator>
<dc:date>2005-05-25T16:57:17+09:00</dc:date>
<content:encoded><![CDATA[
<h4>XHTMLを書く時に気をつけるポイントは？</h4>
<ol>
<li>正しいDOCTYPE宣言を書く</li>
<li>どんな場合でも必ずタグを閉じる</li>
<li>タグと属性は必ず小文字で記述する</li>
<li>値にはクオーテーションを忘れずに</li>
<li>ブロックとインラインの違いを把握する</li>
<li>情報階層を理解したマークアップを心がける</li>
</ol>
<h4>CSSを書く時に気をつけるポイントは？</h4>
<ol>
<li>コロン(:)とセミコロン(;)に気を付ける</li>
<li>セレクタをきちんと使い分ける</li>
<li>STYLEの継承方法を工夫する</li>
<li>グループ分けをうまく利用する</li>
<li>属性のショートバンドを活用する</li>
</ol>
<h4>XHTMLのトラブルシューティング</h4>
<h5>IE6でボックスや文字の大きさ他のWebブラウザと異なる</h5>
<h5>Windows版IEでナビゲーションに隙間ができる</h5>
<h5>Netscape6なので一部んもCSSが無効になる</h5>
<h5>音声ブラウザで英単語が1文字ずつ読み上げられる</h5>
<h4>CSSのトラブルシューティング</h4>
<h5>危険度レベル1</h5>
<h6>画像の下に隙間ができる</h6>
<table width="425" border="0" cellspacing="1" cellpadding="0">
<tr>
<th scope="col">IE</th>
<th scope="col">Firefox</th>
<th scope="col">Netscape</th>
<th scope="col">Opera</th>
<th scope="col">Safari</th>
</tr>
<tr>
<td>4,5,5.5,6</td>
<td>1.0</td>
<td>6.x、7.x</td>
<td>7</td>
<td>1.0</td>
</tr>
</table>
<p><code>&lt;h1&gt;<br />
&lt;img scr=&quot;sample.jpg&quot; alt==&quot;&quot;&gt;
</code></p>
]]></content:encoded>
</item>
<item rdf:about="http://webwork.seesaa.net/article/3892620.html">
<title>【ALL】Web Designer 2.0 ~BOOKMARK~</title>
<link>http://webwork.seesaa.net/article/3892620.html</link>
<description>Datalogger 【英語】ユーザビリティテストのレポートに便利なExcelのテンプレートファイルがあります。Paparazzi 【英語】スクリーンサイズを指定してスクリーンショットを撮れるMac用のユーティリティです。Brower Archive 【英語】今までリリースされていたすべてのブラウザをダウンロードすることができます。Adobe PDF Conversion 【英語】PDFをHTMLかテキストフォーマットに変換してくれるサービスです。CSS Optimizer ...</description>
<dc:subject>ウェブ[Web]</dc:subject>
<dc:creator>nori</dc:creator>
<dc:date>2005-05-25T16:49:59+09:00</dc:date>
<content:encoded><![CDATA[
<h4><a href="http://www.userfocus.co.uk/resources/datalogger.html%20" target="_blank">Datalogger</a></h4>
<p> 【英語】<br>
ユーザビリティテストのレポートに便利なExcelのテンプレートファイルがあります。</p>
<h4><a href="http://0x.se/paparazzi/" target="_blank">Paparazzi</a></h4>
<p> 【英語】<br>
スクリーンサイズを指定してスクリーンショットを撮れるMac用のユーティリティです。</p>
<h4><a href="http://browsers.evolt.org/" target="_blank">Brower Archive</a></h4>
<p> 【英語】<br>
今までリリースされていたすべてのブラウザをダウンロードすることができます。</p>
<h4><a href="http://www.adobe.com/products/acrobat/access_onlinetools.html" target="_blank">Adobe PDF Conversion</a></h4>
<p> 【英語】<br>
PDFをHTMLかテキストフォーマットに変換してくれるサービスです。</p>
<h4><a href="http://flumpcakes.co.uk/css/optimiser/" target="_blank">CSS Optimizer</a></h4>
<p> 【英語】<br>
CSSファイルを最適化してくれるツールです。</p>
<h4><a href="http://www.fjordaan.uklinux.net/entities/entities_support.html" target="_blank">A Simple Character Entity Chart</a></h4>
<p> 【英語】<br>
特殊文字や記号コードとブラウザの対応状況が分かります。</p>
<h4><a href="http://www.kashim.com/eve/index.html" target="_blank">Crescent Eve</a></h4>
<p> 【日本語】<br>
Windows用のシンプルなHTMLエディタです。</p>
<h4><a href="http://www.skti.org/skEdit.php" target="_blank">skEdit</a></h4>
<p>
【英語】<br>
Mac用のWeb開発専門エディタです。</p>
<h4><a href="http://www.drycarbon.com/macosx/kedit/" target="_blank">KEdit</a></h4>
<p>
【日本語】<br>
Mac用のシンプルなエディタです。文字コードの変換に柔軟に対応します。</p>
<h4><a href="http://www.iconfactory.com/xs_home.asp" target="_blank">xScope</a></h4>
<p>
【英語】<br>
Mac用のスクリーン上にあるものの大きさを測るツールです。</p>
<h4><a href="http://deyalexander.com/resources/podguide/" target="_blank">Web accessiblity podGuide</a></h4>
<p>
【英語】<br>
iPodのNoteに入れることができるWebアクセシビリティガイドラインです。</p>
<h4><a href="http://westciv.com/news/podguide.html" target="_blank">Style Maser podGuide</a></h4>
<p> 【英語】<br>
iPodのNoteも入れることが出来るCSS辞書です。</p>
]]></content:encoded>
</item>
<item rdf:about="http://webwork.seesaa.net/article/3648433.html">
<title>【TOPICS】あらゆる局面で活用できる知識をデザイナーを成長させる、いまどきのWEBデザイン[webcreator2005/06]</title>
<link>http://webwork.seesaa.net/article/3648433.html</link>
<description>既存のサイトで学ぶ、使いやすいWebレイアウト(P34)技術要件から導き出す「使いやすさ」&amp;nbsp;ブラウザでサイトの使いやすさを左右する&amp;nbsp;ワークフローが決める「使いやすさ」&amp;nbsp;絞り込んだ画面構成&amp;nbsp;コンテンツ量の多いサイトは凝縮と簡素でメリハリを&amp;nbsp;表現の方向性を統一し、使いやすく印象的なサイトに&amp;nbsp;極限まで掲載内容をダイエットする&amp;nbsp;情報を優先順位をつけてグループ化&amp;nbsp;知識を活用するための用語集マージン&amp;nbsp...</description>
<dc:subject>ウェブ[Web]</dc:subject>
<dc:creator>nori</dc:creator>
<dc:date>2005-05-16T03:12:58+09:00</dc:date>
<content:encoded><![CDATA[
<h4>既存のサイトで学ぶ、使いやすいWebレイアウト(P34)</h4>
<dl>
<dt>技術要件から導き出す「使いやすさ」</dt>
<dd>&nbsp;</dd>
<dt>ブラウザでサイトの使いやすさを左右する</dt>
<dd>&nbsp;</dd>
<dt>ワークフローが決める「使いやすさ」</dt>
<dd>&nbsp;</dd>
<dt>絞り込んだ画面構成</dt>
<dd>&nbsp;</dd>
<dt>コンテンツ量の多いサイトは凝縮と簡素でメリハリを</dt>
<dd>&nbsp;</dd>
<dt>表現の方向性を統一し、使いやすく印象的なサイトに</dt>
<dd>&nbsp;</dd>
<dt>極限まで掲載内容をダイエットする</dt>
<dd>&nbsp;</dd>
<dt>情報を優先順位をつけてグループ化</dt>
<dd>&nbsp;</dd>

</dl>
<h5>知識を活用するための用語集</h5>
<dl>
<dt>マージン</dt>
<dd>&nbsp;</dd>
<dt>風景などの情報量の多い写真</dt>
<dd>&nbsp;</dd>
<dt>角丸</dt>
<dd>&nbsp;</dd>
<dt>各要素の振る舞い</dt>
<dd>&nbsp;</dd>
<dt>プルダウンメニュー</dt>
<dd>&nbsp;</dd>
<dt>カコミ</dt>
<dd>&nbsp;</dd>
<dt>コピー</dt>
<dd>&nbsp;</dd>
<dt>DHTML(ダイナミックHTML)</dt>
<dd>&nbsp;</dd>
<dt>ノンテーブルレイアウト</dt>
<dd>&nbsp;</dd>
<dt>トップページ</dt>
<dd>&nbsp;</dd>
<dt>アクセシビリティに関するJIS規格</dt>
<dd>&nbsp;</dd>


</dl>
<h4>いち繰りえたーができるSEO(P42)</h4>
<dl>
<dt>SEO / SEMは目的は「サイトに来てもらうこと」ではない</dt>
<dd>&nbsp;</dd>
<dt>SEO導入のプロセス1：キーワード選定で考えること</dt>
<dd>&nbsp;</dd>
<dt>SEO導入のプロセス2：構築～公開段階で行うこと</dt>
<dd>&nbsp;</dd>
<dt>SEMの要は「除外デーワード」と「ライティング」にあり</dt>
<dd>&nbsp;</dd>

</dl>
<h5>知識を活用するための用語集</h5>
<dl>
<dt>アドワーズ</dt>
<dd>&nbsp;</dd>
<dt>インプレッション数</dt>
<dd>&nbsp;</dd>
<dt>SEM(エスイーエム)</dt>
<dd>&nbsp;</dd>
<dt>アコンバージョンレート</dt>
<dd>&nbsp;</dd>
<dt>CTR(シーティーアール)</dt>
<dd>&nbsp;</dd>
<dt>スポンサードサーチ</dt>
<dd>&nbsp;</dd>
<dt>PPC(ピーピーシ)</dt>
<dd>&nbsp;</dd>

</dl>
<h4>ユーザーを迷わずに的確に誘導する(P48)</h4>
<dl>
<dt>アクセシビリティとユーザビリティについて理解する</dt>
<dd>&nbsp;</dd>
<dt>JISで考えるアクセシビリティ Past1：文書構造</dt>
<dd>&nbsp;</dd>
<dt>JISで考えるアクセシビリティ Past2：レイアウト</dt>
<dd>&nbsp;</dd>
<dt>JISで考えるアクセシビリティ Past3：代替テキスト</dt>
<dd>&nbsp;</dd>
<dt>JISで考えるアクセシビリティ Past4：色とコントラスト</dt>
<dd>&nbsp;</dd>

</dl>
<h4>いまどきの更新方法を探る(P54)</h4>
<dl>
<dt>ワークフローを効率化できる体制を整える</dt>
<dd>&nbsp;</dd>
<dt>素材の定型化と規則性のあるデータ作成</dt>
<dd>&nbsp;</dd>
<dt>外部ファイルやCMS、CGIなどの外部のツールを活用する</dt>
<dd>&nbsp;</dd>
<dt>RSSを利用し、更新を告知する</dt>
<dd>&nbsp;</dd>
<dt>RSSによる更新告知方法</dt>
<dd>&nbsp;</dd>

</dl>
<h5>知識を活用するための用語集</h5>
<dl>
<dt>XML(エックスエムエル)</dt>
<dd>&nbsp;</dd>
<dt>RDF(アールディエフ)</dt>
<dd>&nbsp;</dd>
<dt>Atom(アトム)</dt>
<dd>&nbsp;</dd>
<dt>OPML(オーピーエムエル)</dt>
<dd>&nbsp;</dd>
<dt>RSSリーダー(アールエウセルリーダー)</dt>
<dd>&nbsp;</dd>

</dl>
<h4>色彩計画を追及する(P60)</h4>
<dl>
<dt>情報のもつ意味と色を関連づける</dt>
<dd>&nbsp;</dd>
<dt>基調となる色を決め、色数を増やしすぎない</dt>
<dd>&nbsp;</dd>
<dt>無彩色を活用して色のバランスを保つ</dt>
<dd>&nbsp;</dd>
<dt>色相、明度、彩度に注目したcolorピッカー活用法</dt>
<dd>&nbsp;</dd>
<dt>Art Directors Kitを利用してみよう</dt>
<dd>&nbsp;</dd>
<dt>ソフトを絵の具のパレットのように使う</dt>
<dd>&nbsp;</dd>
<dt>同じ色でも使用する面積によって印象は変わる</dt>
<dd>&nbsp;</dd>
<dt>守りの同系色、攻めの捕食</dt>
<dd>&nbsp;</dd>
<dt>グラデーションで立体感を表現する</dt>
<dd>&nbsp;</dd>
<dt>アクセシビリティを考慮した配色</dt>
<dd>&nbsp;</dd>

</dl>
<h5>知識を活用するための用語集</h5>
<dl>
<dt>原色・RGB</dt>
<dd>&nbsp;</dd>
<dt>色相・明度・彩度</dt>
<dd>&nbsp;</dd>
<dt>有彩色・無彩色</dt>
<dd>&nbsp;</dd>
<dt>色相環・同系色・捕食</dt>
<dd>&nbsp;</dd>

</dl>
<h4>いまどきのFlashの使い方(P66)</h4>
<dl>
<dt>さまざまな分野で幅広く活用されるFlashの現状を把握する</dt>
<dd>&nbsp;</dd>
<dt>Flashでしか得られないダイナミックな視覚表現テクニック</dt>
<dd>&nbsp;</dd>
<dt>Flashビデオを使った映像表現の優位性とは何か？</dt>
<dd>&nbsp;</dd>
<dt>RIA(リッチインターネットアプリケーション)を再考する</dt>
<dd>&nbsp;</dd>
<dt>アクセシブルなサイトが急増する中でFlashをどう扱うか？</dt>
<dd>&nbsp;</dd>
<dt>Flashのテクノロジーを次世代サービスに活用する</dt>
<dd>&nbsp;</dd>

</dl>
<h5>知識を活用するための用語集</h5>
<dl>
<dt>アドバテインメント</dt>
<dd>&nbsp;</dd>
<dt>FLV(エフエルブイ)</dt>
<dd>&nbsp;</dd>
<dt>フロントエンドとバックエンド</dt>
<dd>&nbsp;</dd>
<dt>ユーザーリクワイアメント</dt>
<dd>&nbsp;</dd>
</dl>
]]></content:encoded>
</item>
<item rdf:about="http://webwork.seesaa.net/article/3661117.html">
<title>【Action Script】ワンランク上のテクニックを学びたい人のFlashクリエイティブ・テクニック[webcreator2005/06]</title>
<link>http://webwork.seesaa.net/article/3661117.html</link>
<description>第37回(2005年6月号)お問い合わせフォーム第36回(2005年5月号)グラフのプロパティ 第35回(2005年4月号)2Dレースゲーム 第34回(2005年3月号)マップ上に勝手に人が動く 第33回(2005年2月号)的を撃つガンシューティングゲーム 第32回(2005年1月号)携帯用のFlashメニュー 第31回(2004年12月号)奥行きのある玉の動き方 第29回(2004年10月号)花火のパーティクルのプロパティ 第28回(2004年9月号)ミュージックボックス ...</description>
<dc:subject>ウェブ[Web]</dc:subject>
<dc:creator>nori</dc:creator>
<dc:date>2005-05-16T00:20:07+09:00</dc:date>
<content:encoded><![CDATA[
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol42/html/index.html" target="_blank">第37回(2005年6月号)お問い合わせフォーム</a></h4>
<img src="http://s.phpspot.org/upimg/6c948ece6755024d2cc51b820137e13e.jpg" width="120" height="90" border="0" />
</div>

<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol41/html/index.html" target="_blank">第36回(2005年5月号)グラフのプロパティ</a></h4>
<img src="http://s.phpspot.org/upimg/aa09ba90de630fa8a0aeaf13b40ee9f7.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol40/html/index.html" target="_blank">第35回(2005年4月号)2Dレースゲーム</a></h4>
<img src="http://s.phpspot.org/upimg/d8ca2484f0ed39fcdc4f84e7037c8704.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol39/html/sample.html" target="_blank">第34回(2005年3月号)マップ上に勝手に人が動く</a></h4>
<img src="http://s.phpspot.org/upimg/50cb633ff86603ba619b498260dce959.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol38/html/gunshoot.html" target="_blank">第33回(2005年2月号)的を撃つガンシューティングゲーム</a></h4>
<img src="http://s.phpspot.org/upimg/9580e6ca071a67c9bccc7063f7bebdd2.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol37/html/flashlite.html" target="_blank">第32回(2005年1月号)携帯用のFlashメニュー</a></h4>
<img src="http://s.phpspot.org/upimg/946d92bfb0df0ee9e3b96d066c348ed1.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol36/html/3d.html" target="_blank">第31回(2004年12月号)奥行きのある玉の動き方</a></h4>
<img src="http://s.phpspot.org/upimg/80ae87801c034c2bc7fc1d65eb5662e0.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol34/sample/hanabi.html" target="_blank">第29回(2004年10月号)花火のパーティクルのプロパティ</a></h4>
<img src="http://s.phpspot.org/upimg/c9ed2083914e3af72c051680bd6f944b.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol33/sample/mp3player.html" target="_blank">第28回(2004年9月号)ミュージックボックス</a></h4>
<img src="http://s.phpspot.org/upimg/254880c6078eb889afc342044819c3d4.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol32/sample/index.html" target="_blank">第27回(2004年8月号)ラインアートの書くアプリ</a></h4>
<img src="http://s.phpspot.org/upimg/8e4db88eb755d15f7b4774be2869ed63.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol31/sample/index.html" target="_blank">第26回(2004年7月号)ダンジョンアクションシューティングゲーム</a></h4>
<img src="http://s.phpspot.org/upimg/2dcf8ffc1868e65fd8da50ef5dfc999a.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol30/directry.html" target="_blank">第25回(2004年6月号)ディスクトップアプリ</a></h4>
<img src="http://s.phpspot.org/upimg/3cb7d7f6118c03f25feba981971d5a9f.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol29/text_animation.html" target="_blank">第24回(2004年5月号)テキストエフェクト</a></h4>
<img src="http://s.phpspot.org/upimg/bc3c04c88fd2d5bc2ad344c51e9b9c17.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol28/sample.htm" target="_blank">第23回(2004年4月号)画像をサムネイルで回覧(ブログで活用)</a></h4>
<img src="http://s.phpspot.org/upimg/e1370264a9a7a3dae0fcc88db739a501.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol27/sample.htm" target="_blank">第22回(2004年3月号)タイピングモーション</a></h4>
<img src="http://s.phpspot.org/upimg/36ace89819b0eea289a8f52824a21b14.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol26/sample.htm" target="_blank">第21回(2004年2月号)オープニングモーション(画像の動きがランダム)</a></h4>
<img src="http://s.phpspot.org/upimg/31735b9b5a947b287f587a2883aea47b.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol25/sample.htm" target="_blank">第20回(2004年1月号)カレンダー</a></h4>
<img src="http://s.phpspot.org/upimg/8bd2b4866756e651162e19e5d9bf764e.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol24/sample.htm" target="_blank">第19回(2003年12月号)タイピングゲーム</a></h4>
<img src="http://s.phpspot.org/upimg/f56382473ec6b22d6319d115c4b6fbe1.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol23/sample.htm" target="_blank">第18回(2003年11月号)アナログ時計</a></h4>
<img src="http://s.phpspot.org/upimg/a08c75111db5bd0f310bf6de097bc178.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol22/sample.htm" target="_blank">第17回(2003年10月号)イラストレータのようなアプリのデザイン</a></h4>
<img src="http://s.phpspot.org/upimg/d4d77d0115d861d47989cc3b3ef76e3b.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol21/sample.htm" target="_blank">第16回(2003年9月号)表示位置確認ができるメニュー</a></h4>
<img src="http://s.phpspot.org/upimg/a98878e61859964ffea163cd6cfa0be8.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4>第15回(2003年8月号)</h4>
<a href="http://www.mdn.co.jp/webcre/Flash/Vol20/01/"><img src="http://s.phpspot.org/upimg/b3ea53bc53502ebd5af529500e6b0228.jpg" width="120" height="90" border="0" /></a><a href="http://www.mdn.co.jp/webcre/Flash/Vol20/02/"><img src="http://s.phpspot.org/upimg/09bf996a9e53c88b4d01aa1e5007ab2d.jpg" width="120" height="90" border="0" /></a><a href="http://www.mdn.co.jp/webcre/Flash/Vol20/03/"><img src="http://s.phpspot.org/upimg/f4906eb8af6527c6e3086684e0ddd8d1.jpg" width="120" height="90" border="0" /></a> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol19/sample.htm" target="_blank">第14回(2003年7月号)ボタンをポイントで画像が横スクロール</a></h4>
<img src="http://s.phpspot.org/upimg/f11b0c71fa28166d9bea97fced768cad.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol18/sample.htm" target="_blank">第13回(2003年6月号)アイコンをドラックし、枠に放り込み</a></h4>
<img src="http://s.phpspot.org/upimg/f3629f46ca86cf9d796e52284273d386.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol17/sample.htm" target="_blank">第12回(2003年5月号)立体的な360度スクロールメニュー</a></h4>
<img src="http://s.phpspot.org/upimg/b91b79a1dcf556f55d7457ebb00ccaff.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol16/sample.htm" target="_blank">第11回(2003年4月号)マウスの左右の動きで無限大横スクロールメニュー</a></h4>
<img src="http://s.phpspot.org/upimg/27942c00663aff7272b976c2eeb9a6a7.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol15/sample.htm" target="_blank">第10回(2003年3月号)デジタル時計(画像とマスクを使った、タイポグラフィ)</a></h4>
<img src="http://s.phpspot.org/upimg/bfe03359d44a85c8bfeb4c0e32e21653.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol14/sample/" target="_blank">第9回(2003年2月号)フルFlashインターフェイス(画像連携メニュー)</a></h4>
<img src="http://s.phpspot.org/upimg/1f3d089bb10fd3a418bbd6a27c9ec53b.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol13/sample.htm" target="_blank">第8回(2003年1月号)フルFlashインターフェイス(帯が上下モーションタイプ)</a></h4>
<img src="http://s.phpspot.org/upimg/ae02a46d22ebda501c3232d72928646b.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol12/movie.htm" target="_blank">第7回(2002年12月号)オープニングモーション</a></h4>
<img src="http://s.phpspot.org/upimg/72934ac456a59a081f965de23febe3f4.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol11/sample.htm" target="_blank">第6回(2002年11月号)左のタブメニュー</a></h4>
<img src="http://s.phpspot.org/upimg/19ce661ee81c4fcdccd85e65f25944e6.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol10/kingyo.htm" target="_blank">第5回(2002年10月号)金魚すくいゲーム</a></h4>
<img src="http://s.phpspot.org/upimg/e043df4d3c9639039a3c32491d84a194.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol9/golf.htm" target="_blank">第4回(2002年9月号)ゴルフパターゲーム</a></h4>
<img src="http://s.phpspot.org/upimg/c46d7c70b69b54ea53964fe6b77c50ea.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol8/staff.htm" target="_blank">第3回(2002年8月号)Flashビデオ及びプレーヤー</a></h4>
<img src="http://s.phpspot.org/upimg/790d51feb8a4df0fa39c188f22787c4d.jpg" width="120" height="90" border="0" /> </div>
<div class="sub-parts">
<h4><a href="http://www.mdn.co.jp/webcre/Flash/Vol6/" target="_blank">第1回(2002年6月号)XMLを使ったサイドメニュー</a></h4>
<img src="http://s.phpspot.org/upimg/5a1c79c07afc37013a582f6b0fa0f168.jpg" width="120" height="90" border="0" />
</div>
]]></content:encoded>
</item>
<item rdf:about="http://webwork.seesaa.net/article/3642499.html">
<title>【JavaScript】別ウインドウ</title>
<link>http://webwork.seesaa.net/article/3642499.html</link>
<description>ドリームウェバーでリンクを「#(ヌル)」を入れてビヘイビアで別ウィンドウを作っていましたが、SEO的にリンク先が引っかからないので悩んでいました。しかし、この記述で行えば検索もページを読んでくれます。function MM_openBrWindow(theURL,winName,features) { //v2.0window.open(theURL,winName,features).window.focus();}&amp;lt;a href=&amp;quot;URL&amp;quot; on...</description>
<dc:subject>ウェブ[Web]</dc:subject>
<dc:creator>nori</dc:creator>
<dc:date>2005-05-15T04:44:26+09:00</dc:date>
<content:encoded><![CDATA[
<p>ドリームウェバーでリンクを「#(ヌル)」を入れてビヘイビアで別ウィンドウを作っていましたが、SEO的にリンク先が引っかからないので悩んでいました。<br>
しかし、この記述で行えば検索もページを読んでくれます。</p>

<p>
<code>
function MM_openBrWindow(theURL,winName,features) { //v2.0<br>
window.open(theURL,winName,features)<span class="red">.window.focus()</span>;<br>
}</code>
</p>

<p>
<code>
&lt;a href=&quot;URL&quot; onClick=&quot;MM_openBrWindow('URL','foo');<span class="red">return false;</span>&quot;&gt;リンク&lt;/a&gt;
</code>
</p>

<p>参考先：<br />
<cite><a href="http://www.din.or.jp/~hagi3/JavaScript/JSTips/Problems.htm" target="_blank">Java Script Tips collection - Problems in JavaScript</a></cite><br />
<cite><a href="http://www.phoenix-c.or.jp/~zspc/cgi-bin/wwwlng.cgi?print+1999-09/99080001.txt" target="_blank">ポップアップウィンドウをフォーカスするには？</a></cite>
</p>
]]></content:encoded>
</item>
<item rdf:about="http://webwork.seesaa.net/article/3268550.html">
<title>WEBDESIGNWORKS[webcreator2005/06]</title>
<link>http://webwork.seesaa.net/article/3268550.html</link>
<description>Whiteen わたし＊キラリサイト0トップページFlash01 Flash02 Flash03 Flash04 1Beauty 心理ゲーム2Beauty すくーる2-1Beauty すくーる3Beauty Club4Beauty Labo4-1Beauty Labo5キャンペーン／イベント5-1Whiteenボトル発売記念キャンペーン技術：&amp;nbsp;デザイン：&amp;nbsp;素材：&amp;nbsp;レイアウト：&amp;nbsp;カラー：&amp;nbsp;カテゴリ：&amp;nbsp;備考：&amp;nbsp;...</description>
<dc:subject>サイト[Site]</dc:subject>
<dc:creator>nori</dc:creator>
<dc:date>2005-05-11T17:56:48+09:00</dc:date>
<content:encoded><![CDATA[
<div class="sub-parts">
<h4>Whiteen わたし＊キラリサイト</h4>
<div class="img-edge2">
<h5>0</h5>
<a href="http://www.whiteen.jp/" target="_blank"><img src="http://s.phpspot.org/upimg/200ec10ab744a4295f1f6ed5c3c4e347.jpg" width="120" height="90" border="0" /><br />
トップページ</a>
</div>
<div class="img-edge2">
<h5>Flash01</h5>
<a href="http://www.whiteen.jp/" target="_blank"> <img src="http://s.phpspot.org/upimg/f58162569c02a2697bf4fd4e9ff0cc25.jpg" width="120" height="90" border="0" /></a></div>
<div class="img-edge2">
<h5>Flash02</h5>
<a href="http://www.whiteen.jp/" target="_blank"> <img src="http://s.phpspot.org/upimg/f98c8d41934833575ba1108d00c06e13.jpg" width="120" height="90" border="0" /></a></div>
<div class="img-edge2">
<h5>Flash03</h5>
<a href="http://www.whiteen.jp/" target="_blank"> <img src="http://s.phpspot.org/upimg/7bbd44447fcc8238627815b8714955eb.jpg" width="120" height="90" border="0" /></a></div>
<div class="img-edge2">
<h5>Flash04</h5>
<a href="http://www.whiteen.jp/" target="_blank"> <img src="http://s.phpspot.org/upimg/768eb5c12d99b87b57736f5a8de61f1b.jpg" width="120" height="90" border="0" /></a></div>
<div class="img-edge2">
<h5>1</h5>
<a href="http://www.whiteen.jp/game/index.shtml" target="_blank">
<img src="http://s.phpspot.org/upimg/d15dcb5f9c978ac393e89008a4a7a2cb.jpg" width="120" height="90" border="0" /><br />
Beauty 心理ゲーム</a>
</div>
<div class="img-edge2">
<h5>2</h5>
<a href="http://www.whiteen.jp/school/index.shtml" target="_blank">
<img src="http://s.phpspot.org/upimg/584ff76dbb7cb079b7741ad7629b944e.jpg" width="120" height="90" border="0" /><br />
Beauty すくーる</a>
</div>
<div class="img-edge2">
<h5>2-1</h5>
<a href="http://www.whiteen.jp/school/03/index.shtml" target="_blank">
<img src="http://s.phpspot.org/upimg/71874072cd1b6b4edcb550906ba47a8d.jpg" width="120" height="90" border="0" /><br />
Beauty すくーる</a>
</div>
<div class="img-edge2">
<h5>3</h5>
<a href="http://www.whiteen.jp/school/03/lesson1.shtml" target="_blank">
<img src="http://s.phpspot.org/upimg/3cb11b2f87fea38e9b6aa2a82431cd3e.jpg" width="120" height="90" border="0" /><br />
Beauty Club</a>
</div>
<div class="img-edge2">
<h5>4</h5>
<a href="http://ssl.cadbury.jp/beauty-whiteen/" target="_blank">
<img src="http://s.phpspot.org/upimg/d8c427083d9502ac76187fa9d764b749.jpg" width="120" height="90" border="0" /><br />
Beauty Labo</a>
</div>
<div class="img-edge2">
<h5>4-1</h5>
<a href="http://www.whiteen.jp/labo/index.shtml" target="_blank">
<img src="http://s.phpspot.org/upimg/35d4f5c9b7e1f4aaa62dc374da92a1dc.jpg" width="120" height="90" border="0" /><br />
Beauty Labo</a>
</div>
<div class="img-edge2">
<h5>5</h5>
<a href="http://www.whiteen.jp/campaign/index.shtml" target="_blank">
<img src="http://s.phpspot.org/upimg/8b422429650cb8e703d12c59dc4ca171.jpg" width="120" height="90" border="0" /><br />
キャンペーン／イベント</a>
</div>
<div class="img-edge2">
<h5>5-1</h5>
<a href="http://www.whiteen.jp/campaign/rich/index.shtml" target="_blank">
<img src="http://s.phpspot.org/upimg/b50aefcceba61256c47d9bd50bda3c23.jpg" width="120" height="90" border="0" /><br />
Whiteenボトル<br />
発売記念キャンペーン</a>
</div>
<table class="site-info2">
<tr>
<th>技術：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>デザイン：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>素材：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>レイアウト：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>カラー：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>カテゴリ：</th>
<td>&nbsp;</td>
</tr>
</table><dl>
<dt>備考：</dt>
<dd>&nbsp;</dd>
</dl>
</div>
<div class="sub-parts">
<h4><a href="http://www.molymer.co.jp/" target="_blank">FRP加工,合成樹脂,プラスチックのモリマーSSP</a></h4>
<a href="http://www.molymer.co.jp/" target="_blank" class="img-edge"><img src="http://s.phpspot.org/upimg/c6aa7668964e849cb938290905787df7.jpg" width="120" height="90" border="0" /></a>
<table class="site-info">
<tr>
<th>技術：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>デザイン：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>素材：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>レイアウト：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>カラー：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>カテゴリ：</th>
<td>&nbsp;</td>
</tr>
</table><dl>
<dt>備考：</dt>
<dd>&nbsp;</dd>
</dl>
</div>
<div class="sub-parts">
<h4><a href="http://www.world.honda.com/run/" target="_blank">Honda Worldwide | run/</a></h4>
<a href="http://www.world.honda.com/run/" target="_blank" class="img-edge"><img src="http://s.phpspot.org/upimg/6d99eb385bea1cb47fe96ccbe5be10ff.jpg" width="120" height="90" border="0" /></a>
<table class="site-info">
<tr>
<th>技術：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>デザイン：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>素材：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>レイアウト：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>カラー：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>カテゴリ：</th>
<td>&nbsp;</td>
</tr>
</table>
<dl>
<dt>備考：</dt>
<dd>&nbsp;</dd>
</dl>
</div>
<div class="sub-parts">
<h4><a href="http://www.ntt-west.co.jp/solution/hint/itsc/" target="_blank">NTT西日本 | Welcome to IT ショーケース</a></h4>
<a href="http://www.ntt-west.co.jp/solution/hint/itsc/" target="_blank" class="img-edge"><img src="http://s.phpspot.org/upimg/8baa0ccadc7e5ea1879f22a1d0886053.jpg" width="120" height="90" border="0" /></a>
<table class="site-info">
<tr>
<th>技術：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>デザイン：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>素材：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>レイアウト：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>カラー：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>カテゴリ：</th>
<td>&nbsp;</td>
</tr>
</table>
<dl>
<dt>備考：</dt>
<dd>&nbsp;</dd>
</dl>
</div>
<div class="sub-parts">
<h4><a href="http://www.marinepark.jp/" target="_blank">あわしまマリンパーク　-自然とふれあう島-</a></h4>
<a href="http://www.marinepark.jp/" target="_blank" class="img-edge"><img src="http://s.phpspot.org/upimg/7d90d89113f159ddea9ad4e572c95b3f.jpg" width="120" height="90" border="0" /></a>
<table class="site-info">
<tr>
<th>技術：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>デザイン：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>素材：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>レイアウト：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>カラー：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>カテゴリ：</th>
<td>&nbsp;</td>
</tr>
</table>
<dl>
<dt>備考：</dt>
<dd>&nbsp;</dd>
</dl>
</div>
<div class="sub-parts">
<h4><a href="http://www.wisepoint.jp/" target="_blank">認証強化型シングルサインオンソリューションの「WisePoint」 </a></h4>
<a href="http://www.wisepoint.jp/" target="_blank" class="img-edge"><img src="http://s.phpspot.org/upimg/524de22894e106304a57cf916cf73517.jpg" width="120" height="90" border="0" /></a>
<table class="site-info">
<tr>
<th>技術：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>デザイン：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>素材：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>レイアウト：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>カラー：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>カテゴリ：</th>
<td>&nbsp;</td>
</tr>
</table>
<dl>
<dt>備考：</dt>
<dd>&nbsp;</dd>
</dl>
</div>
<div class="sub-parts">
<h4><a href="http://www.wf-drum.jp/" target="_blank">DRUM</a></h4>
<a href="http://www.wf-drum.jp/" target="_blank" class="img-edge"><img src="http://s.phpspot.org/upimg/27bda448d399d4923fe59c96f20fb9ca.jpg" width="120" height="90" border="0" /></a>
<table class="site-info">
<tr>
<th>技術：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>デザイン：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>素材：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>レイアウト：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>カラー：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>カテゴリ：</th>
<td>&nbsp;</td>
</tr>
</table>
<dl>
<dt>備考：</dt>
<dd>&nbsp;</dd>
</dl>
</div>
<div class="sub-parts">
<h4><a href="http://seminar.cybozu.net/" target="_blank">サイボウズ　セミナーストリート</a></h4>
<a href="http://seminar.cybozu.net/" target="_blank" class="img-edge"><img src="http://s.phpspot.org/upimg/b5948c5a70943fa5fa578c64366d7b31.jpg" width="120" height="90" border="0" /></a>
<table class="site-info">
<tr>
<th>技術：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>デザイン：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>素材：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>レイアウト：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>カラー：</th>
<td>&nbsp;</td>
</tr>
<tr>
<th>カテゴリ：</th>
<td>&nbsp;</td>
</tr>
</table>
<dl>
<dt>備考：</dt>
<dd>&nbsp;</dd>
</dl>
</div>
]]></content:encoded>
</item>
<item rdf:about="http://webwork.seesaa.net/article/3267771.html">
<title>ワールドワイドWEBサイトギャラリー[webcreator 2005/06]</title>
<link>http://webwork.seesaa.net/article/3267771.html</link>
<description>www.agencynet.comアニメーションによる仕掛けが秀逸な訪問数を楽しませるサイトwww.boxx3g.com 色の変化で訪問者の興味と使いさすさを実現したサイトwww.bernhardwolff.com写真家がネガをチェックする際の動きを取り入れたユニークなサイト</description>
<dc:subject>サイト[Site]</dc:subject>
<dc:creator>nori</dc:creator>
<dc:date>2005-05-02T16:54:40+09:00</dc:date>
<content:encoded><![CDATA[
<div class="sub-parts">
<h4><a href="http://www.agencynet.com/" target="_blank">www.agencynet.com</a></h4>
<img src="http://s.phpspot.org/upimg/95fee0fedad1a539fe603e837b4c9ea9.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/e332afddb34a8744cc18eb258ca1961f.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/88974fa2e82ab3ca925f73660960152c.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/98e057d1ec8d977cd7c1171dbd1a2dd8.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/9c573bbda06884044dfb5b3036f28981.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/a2dcd0cda96e1a0d1d50b534a3712215.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/6b69e9d4a91571eee8ab77189845eebf.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/3f435a076d4446053bfd5bf8fb12644d.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/aab0937124dd6a48ec307b29560065bf.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/fbb07a22785190356038d016881b931e.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/9e97f4cc3ca02a2c78536c8adf9e4cfd.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/eb0c45a3738809954df2df7c3f9d9cfd.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/25514655ee63d61e692719f29f105c0e.jpg" width="120" height="90" />
<p>
アニメーションによる仕掛けが秀逸な訪問数を楽しませるサイト
</p>
</div>
<div class="sub-parts">
<h4><a href="http://www.boxx3g.com/" target="_blank">www.boxx3g.com</a></h4>
<img src="http://s.phpspot.org/upimg/be350fc901827f41063e812d3b31f9d8.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/fb733999e96aa61ec6497ec428f48b59.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/4e8b5c84a01b72b52382fa9764f27473.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/3ce90b8fb950325e7d2c6d3f43ce25d2.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/d46cf06e5a18bb7a023227342fd89dd7.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/dd93363fe0674c98341bc8e77b710b01.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/5082d9931173f88e4b7ae64388ac3740.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/4490d5c15018ac82d133200d9c19e882.jpg" width="120" height="90" />
<p> 色の変化で訪問者の興味と使いさすさを実現したサイト</p>
</div>
<div class="sub-parts">
<h4><a href="http://www.bernhardwolff.com/" target="_blank">www.bernhardwolff.com</a></h4>
<img src="http://s.phpspot.org/upimg/6ec46c1c6e2a12a1c47d379be5625b77.jpg" width="120" height="90" /><img src="http://s.phpspot.org/upimg/71b64324ac03b62b566840789043f990.jpg" width="120" height="90" />
<p>写真家がネガをチェックする際の動きを取り入れたユニークなサイト</p>
</div>
]]></content:encoded>
</item>
<item rdf:about="http://webwork.seesaa.net/article/3261983.html">
<title>【Flash】前のバージョンのFlashPlayerを入手する方法</title>
<link>http://webwork.seesaa.net/article/3261983.html</link>
<description>MacromediaのWebからは、基本的には最新のバージョンのFlashPlayerしか配布していません。しかしながら、前のバージョンで正しく動くか検証するため用に歴代のFlashPlayerのアーカイブが用意されています。米MacromediaのFlash TechNote Archived Macromedia Flash Player minor versions available for testingにアクセスするとバージョン5r30以降のFlashPlayer...</description>
<dc:subject>ウェブ[Web]</dc:subject>
<dc:creator>nori</dc:creator>
<dc:date>2005-05-02T10:44:29+09:00</dc:date>
<content:encoded><![CDATA[
<p>
MacromediaのWebからは、基本的には最新のバージョンのFlashPlayerしか配布していません。しかしながら、前のバージョンで正しく動くか検証するため用に歴代のFlashPlayerのアーカイブが用意されています。</p>

<p>
米Macromediaの<a href="http://www.macromedia.com/cfusion/knowledgebase/index.cfm?id=tn_18934" target="_blank">Flash TechNote Archived Macromedia Flash Player minor versions available for testing</a>にアクセスするとバージョン5r30以降のFlashPlayerを入手することが出来ます。
</p>

<p>参考先：<cite><a href="http://www.onflow.jp/blog/archives/2005/03/flashplayer.html" target="_blank">cyano</a></cite></p>
]]></content:encoded>
</item>
<item rdf:about="http://webwork.seesaa.net/article/3257541.html">
<title>【CSS】比較的実用性の高いCSSハックを紹介</title>
<link>http://webwork.seesaa.net/article/3257541.html</link>
<description>Caioハックh1 {/*/*/ color:red; /* */}NN 4のみを排除する Hollyハックh1 {/*\*/ color:red; /* */}Mac IE 5のみを排除するスターハック* html h1 { color:red;} Win IE4~6、Mac IE 4~5などで適用※htmlの前にユニバーサルセレクタ( * )を置くことは正しくないので注意アンダースコアハックh1 {_color:red;} Win IE4~6などで適用※プロパティーの先頭...</description>
<dc:subject>ウェブ[Web]</dc:subject>
<dc:creator>nori</dc:creator>
<dc:date>2005-05-02T01:18:03+09:00</dc:date>
<content:encoded><![CDATA[
<h4>Caioハック</h4>
<p><code>h1 {<span class="skyblue">/*/*/</span> color:red; <span class="skyblue">/* */</span>}</code></p>
<p>NN 4のみを排除する </p>
<h4>Hollyハック</h4>
<p><code>h1 {<span class="skyblue">/*\*/</span> color:red; <span class="skyblue">/* */</span>}</code></p>
<p>Mac IE 5のみを排除する</p>
<h4>スターハック</h4>
<p><code><span class="skyblue">*</span> html h1 { color:red;} </code></p>
<p>Win IE4～6、Mac IE 4～5などで適用<br />
<span class="red">※htmlの前にユニバーサルセレクタ( * )を置くことは正しくないので注意</span></p>
<h4>アンダースコアハック</h4>
<p><code>h1 {<span class="skyblue">_</span>color:red;} </code></p>
<p>Win IE4～6などで適用<br />
<span class="red">※プロパティーの先頭にアンダースコア( _ )を置くことは正しくないので注意</span></p>
<h4>ハッシュハック</h4>
<p><code>h1 {<span class="skyblue">#</span>color:red;} </code></p>
<p>Win IE4～6、Mac IE 5、Opera7、Mozilla、 Firefoxなどで適用<br />
<span class="red">※プロパティーの先頭にシャープ( # )を置くことは正しくないので注意</span></p>
<h4>スター7ハック</h4>
<p><code>html<span class="skyblue">*</span>h1 {color:red;} </code></p>
<p>Win IE5.5～6、Mac IE 5、Safariなどで適用<br />
<span class="red">※ユニバーサルセレクタ( * )の前後空白類、子セレクタ( &gt; )、隣接セレクタ( + )のいずれしか置くことができないので注意</span></p>
<h4>xmlns属性ハック</h4>
<p><code>html<span class="skyblue">[xmls]</span> h1 {color:red;} </code></p>
<p>Mozolla、Firefox、Opera、Safariなどで適用</p>
<h4>:root擬似ハック</h4>
<p><code><span class="skyblue">:root</span> h1  {color:red;} </code></p>
<p>Mozolla、Firefox、Mac IE 5、Safariなどで適用<br />
<span class="red">※:root擬似クラスは現在策定中のCSS3で導入予定であり、CSS2では定義されない点を注意</span></p>
<h4>Fabriceインバージョン</h4>
<p><code>h1 {/*/*//*/ color:red; /* */} </code></p>
<p>NN 4、Opera 4～5のみで適用</p>
]]></content:encoded>
</item>
<item rdf:about="http://webwork.seesaa.net/article/3255364.html">
<title>【Security】 .htaccessを利用してセキュリティを強化する</title>
<link>http://webwork.seesaa.net/article/3255364.html</link>
<description>特定のIPアドレスのからのアクセスを制限order allow,denyallow from alldeny from xxx.xxx.xx.xx order allow,deny … 許可・一部拒否 allow from all … とりあえず全てを許可 deny from tagindex.com … tagindex.comを拒否 deny from .net … .netを拒否 deny from 61.115. … 61.115.で始まるアドレスを拒否 特定のホスト...</description>
<dc:subject>ウェブ[Web]</dc:subject>
<dc:creator>nori</dc:creator>
<dc:date>2005-05-01T23:22:11+09:00</dc:date>
<content:encoded><![CDATA[
<h4>特定のIPアドレスのからのアクセスを制限</h4>
<p><code>order allow,deny<br />
allow from all<br />
deny from xxx.xxx.xx.xx </code></p>
<p><span class="red">order allow,deny</span>　… 許可・一部拒否 <br />
<span class="red">allow from</span> <span class="skyblue">all</span>　… とりあえず全てを許可 <br />
<span class="red">deny from</span> <span class="skyblue">tagindex.com</span>　… tagindex.comを拒否 <br />
<span class="red">deny from</span><span class="skyblue"> .net</span>　… .netを拒否 <br />
<span class="red">deny from</span><span class="skyblue"> 61.115</span>.　… 61.115.で始まるアドレスを拒否 </p>
<p>特定のホストからのアクセスを拒否する指定です。 <br />
拒否したいホスト名、またはIPアドレスを、<span class="red">deny from</span> に続けて記述します。</p>
<p>参考先：<cite><a href="http://www.tagindex.com/other/htaccess.html" target="_blank">.htaccessの記述例 - TAG index</a></cite></p>
<h4>特定のリファラーからのアクセス制限</h4>
<p><code>
SetEnvIf Referer &quot;^<a href="http://www" target="_blank">http://www</a>\.xxxxxx\.net&quot; ref_no<br>
order allow,deny<br />
allow from all<br />
deny from env=ref_no</code></p>
<p>参考先：<cite><a href="http://www.shtml.jp/htaccess/" target="_blank">.htaccess実践活用術</a></cite></p>
<h4>特定のファイルからのアクセス制限</h4>
<p><code>&lt;Files ~ &quot;\.(dat|log|csv||tsv)$&quot;&gt;<br />
  deny from all<br />
&lt;/Files&gt;
</code></p>
<p>参考先：<cite><a href="http://www.futomi.com/lecture/htaccess/files.html" target="_blank">futomi's CGI Cafe - .htaccess - 特定のファイルだけ守る</a></cite></p>
<h4>インデックスファイルのファイル以外へのアクセスを制限する</h4>
<p><code>DirectoryIndex index.html<br />
Options -Indexes
</code></p>
<p>参考先：<cite><a href="http://mikeneko.creator.club.ne.jp/~lab/web/htaccess/directory.html" target="_blank">ミケネコの htaccess リファレンス</a></cite></p>
<h4>リダイレクトの設定(ディレクトリ構造の変更)</h4>
<p><code>Redirect permanent /test/ <a href="http://www.shtml.jp/htaccess/" target="_blank">http://www.shtml.jp/htaccess/</a></code></p>
<p>参考先：<cite><a href="http://www.shtml.jp/htaccess/redirect.html" target="_blank">.htaccessでリダイレクト機能を利用する方法</a></cite></p>
<h4>エラードキュメントに任意のファイルを指定</h4>
<p><code>
ErrorDocument 401 /error/401-file-not-fonund.html<br />
ErrorDocument 403 /error/403-forbidden.html<br />
ErrorDocument 404 /error/404-authorization.html<br />
ErrorDocument 500 /error/500-internal-server-error.html
</code></p>
<h4>RSSファイルでダウンロードダイアログを表示させない</h4>
<p><code>AddType text/xml .xml .rdf .xsl<br>
AddHandler server-parsed .xml .rdf .xsl
</code></p>
<p>参考先：<cite>第41回(2005年5月号) 仕掛けで見せる! WEBデザインTIPS ＆ TRICKS [ web creators]</cite></p>
]]></content:encoded>
</item>
<item rdf:about="http://webwork.seesaa.net/article/3253129.html">
<title>【CSS】サブラウザスタイルの初期化</title>
<link>http://webwork.seesaa.net/article/3253129.html</link>
<description>*{margin: 0px;padding: 0px;border: 0px;background-color: transparent;color: #000000;font-size: 100%;font-weight: normal;font-style: normal;text-decoration: none;}参考先：第42回(2005年6月号) 仕掛けで見せる! WEBデザインTIPS ＆ TRICKS[web creators]</description>
<dc:subject>ウェブ[Web]</dc:subject>
<dc:creator>nori</dc:creator>
<dc:date>2005-05-01T21:49:02+09:00</dc:date>
<content:encoded><![CDATA[
<p>
<code>*{<br />
margin: 0px;<br />
padding: 0px;<br />
border: 0px;<br />
background-color: transparent;<br />
color: #000000;<br />
font-size: 100%;<br />
font-weight: normal;<br />
font-style: normal;<br />
text-decoration: none;<br />
}</code></p>
<p>参考先：<cite>第42回(2005年6月号) 仕掛けで見せる! WEBデザインTIPS ＆ TRICKS[web creators]</cite>
</p>
]]></content:encoded>
</item>
<item rdf:about="http://webwork.seesaa.net/article/3233635.html">
<title>【PHP】strtotime関数</title>
<link>http://webwork.seesaa.net/article/3233635.html</link>
<description>引数意味now現在の時刻12 Octber2004/10/12+10 day10日後-2 week2週間前+3 days 5hours 次の月曜日last Firday先週の金曜日</description>
<dc:subject>ウェブ[Web]</dc:subject>
<dc:creator>nori</dc:creator>
<dc:date>2005-04-30T16:30:36+09:00</dc:date>
<content:encoded><![CDATA[
<table class="site-table">
<tr>
<th>引数</th>
<th>意味</th>
</tr>
<tr>
<td>now</td>
<td>現在の時刻</td>
</tr>
<tr>
<td>12 Octber</td>
<td>2004/10/12</td>
</tr>
<tr>
<td>+10 day</td>
<td>10日後</td>
</tr>
<tr>
<td>-2 week</td>
<td>2週間前</td>
</tr>
<tr>
<td>+3 days 5hours </td>
<td>次の月曜日</td>
</tr>
<tr>
<td>last Firday</td>
<td>先週の金曜日</td>
</tr>
</table>
]]></content:encoded>
</item>
<item rdf:about="http://webwork.seesaa.net/article/3097145.html">
<title>【IE】IE バージョン別ダウンロード</title>
<link>http://webwork.seesaa.net/article/3097145.html</link>
<description>WindowsのIEのバージョンを複数入れることができないが、「Multiple Explorer」があれば可能です。Explorer 3 (828K) Explorer 4 (2417K) Explorer 5.01 (3004K) Explorer 5.5 sp2 (3597K) 参考先:Web Designer 2.0</description>
<dc:subject>ウェブ[Web]</dc:subject>
<dc:creator>nori</dc:creator>
<dc:date>2005-04-22T14:09:48+09:00</dc:date>
<content:encoded><![CDATA[
<p><a href="http://www.seesaa.jp/afr.pl?affiliate_id=47746&keyword=Windows" class="affiliate-link" target="_blank">Windows</a>のIEのバージョンを複数入れることができないが、「<a href="http://www.quirksmode.org/browsers/multipleie.html">Multiple Explorer</a>」があれば可能です。</p>
<UL>
<li><A href="http://www.quirksmode.org/browsers/IE30.zip">Explorer 3</A> (828K) 
<LI><A href="http://www.quirksmode.org/browsers/IE4.zip">Explorer 4</A> (2417K) 
<LI><A href="http://www.quirksmode.org/browsers/ie501sp2_nt.zip">Explorer 5.01</A> (3004K) 
<LI><A href="http://www.quirksmode.org/browsers/ie55sp2_nt.zip">Explorer 5.5 sp2</A> (3597K) </LI>
</UL>
<cite></cite>
<p>参考先:<cite>Web Designer 2.0</cite></p>
]]></content:encoded>
</item>
</rdf:RDF>
