■ こんな裏技があった。

HTMLタグやスタイルシート（CSS）、Javascriptなどを組み合わせた使える＆簡単テクニック集！
あまり知られていないタグやCSSや、知っていると便利なJavascript、
ちょっと工夫しただけですごくクールな表現ができるテクニック、
あのサイトで見たあのテクニックはどうやっているのだろう、というようなものまで、
様々な「裏技」をご紹介していきます。

ここでご紹介しているのはすべてソースをコピーするだけで簡単にできます！
CGIなどのプログラムは一切使いませんし、誰でもすぐに、１０分以内にできますよ。

ここには、あなたがやりたかった表現があるかもしれません。
ここには、あなたのクリエイティブを刺激する何かがあるかもしれません。

あとは、あなたがどのようにクールに使うか。

タグやCSSを組み合わせたカクテルをどうぞ。

---

▼ クールなデザインのために

スクロールバーの色を自由に変える
・ どこでも好きな部分を半透明にして、バックの画像を透かしてクールに
「フォーム」や「送信」ボタンをクールにする！（好きな色や大きさに変更） New! 10/01
リンクに触れたとき、リンク先の情報やコメントを簡単に表示する
・ リンクに触れたとき、色を変えたり、サイズを変えたり書体を変えたり、背景色を変えたり
・ Javascriptを使って、リンク以外でもマウスが重なったときに背景色を変える

・ ボタンを押したら、自動的に左右にスクロール
・ 映画のスタッフロールのような画面を簡単に作る
・ マウスが重なったら、画像を入れ替える（リンクボタンに使える）
・ リンク先ページをワイプで表示（例：PowerPointでスライドを入れ替えるような感じで）
・ 画像をワイプやフィルタ効果を使って入れ替える
・ 背景を自動グラデーションにする

---

▼ 便利で使えるテクニック

ボタン１つで、パソコンの画面や好きなウインドウを「そのまま画像」にする（PrintScreen）

「サブウインドウ」を極める（クリックで開く＆サイズや位置、フルスクリーン、常に手前に、など自由に細かく設定）
・ １週間たったら、自動的に「New」のマークを消す
・ クリックされたら、隠れていたツリーメニューを表示
・ ブラウザ別に表示するページを変える
・ クリックされたら、フレームを同時に複数入れ替える方法
・ 素材サイトで使える！好きな背景画像をクリックしたら、それに自動で入れ替える方法
・ セレクトメニューを使って便利なリンクを作る
・ テーブルタグで囲まれたサイトって表示が遅い。それを早くする裏技
・ 複数の画像をあらかじめ読み込んでおき、表示を早くする（プレロード）
・ マウスの右クリックを禁止する

・ 「404 Not Found」のページをオリジナルに変更する（当サイトもやってます）

クリックされたら、あなたのサイトを「お気に入り」に追加する New! 10/01
・ ブックマークに登録されるときにオリジナルのアイコンを表示させる
・ クリックされたら、そのサイトをスタートページにする

---

▼ ちょっとしたスパイスに

マウスポインタの形を変える
・ コピーライト(©)や登録商標なんてだけでなく、¶や§なんて文字まで出せる３００個くらいの文字参照
・ マウスの動きについてくる文字や画像（かわいい！？）
・ 雪を降らせる

---

▼ フォームで大活躍

・ ２重送信を防ぐ
・ 選択された商品に応じて価格を自動計算する
・ フォームで入力された文字が「メールアドレス」かどうか調べる＆違っていたら警告
・ フォームで入力中の部分（テキストフィールドなど）の色を変えてわかりやすくする
・ セレクトメニューで選択された結果に沿って、内容を入れ替える（例：大阪を選んだら、大阪の各市を表示する、東京なら東京の市を）

---

▼ 21WebSpiderオリジナル(?) かなり使える裏技集

・ CGIなんかを一切使わずにできる、各ページへの直接リンクを防ぐ画期的＆簡単な方法
・ これでもうコピーされる心配はない！ 文章を絶対にコピーできなくする裏技
・ ソースを見られたくない方に。ソースを見られなくする方法（まだ実験中）

---