• 4096色HEX COLOR CHART(フルカラー環境用)
  HEX表示によるフルカラー環境、4096色のカラーパレットです。テーブルカラータグをサポートしているブラウザでご利用いただけます。(ホームページクリエイターズフォーラム会員　幸形ノブユキ)
  
  • 4096色カラーチャート
    
  • 明度の変化について
    
  • 彩度の変化について
    
  • 色相の変化について
    
  • 無彩色について
    

• Win・Mac共通のカラーパレット(216色)
  このパレットはMacintosh、Windowsともに共通なパレットだけを抜粋しているため、256色モニタでもディザリングされないOSに左右されない色を再現することが出来る。
  (以下、フォーラム会員によるもの : 色内容は同じです)
  • Web Color 216(gauchoさん作)
    
  • Web Color 216(dakinyさん作)
    
  • Web Color 216(Takumi HARAさん作)
    

• PAW HOME(色彩について)
  このページは、色に関しての情報とこだわりがすごい!!ホームページ上での色彩表現に興味のある方は必見です。
  

• WebPublishingにおけるdesign手法(色彩計画)
  ホームページの色彩計画とカラーバランスについて書いてみました。(幸形ノブユキ)
  

• 背景とテキストのカラーサンプル
  だいたいのHEXカラーが想像できるようになったら、ここがオススメ。JavaScriptによって、打ち込んだHEXのカラー指示を全面に瞬時に表示してくれる。サンプル数は少なすぎて冗談程度だが、打込覧が実践的で気に入ってます。あとは、文字色も入力出来るようにしといてくださいよ、河野さーーーーん!!!!(ホームページクリエイターズフォーラム会員　河野英範氏)
  

• About HTML Color
  ここには色に関する様々な情報がまとめてあります。色相について ・彩度について・明度について・216カラーチャート・TEXT&BGCOLOR ほか(ホームページクリエイターズフォーラム会員　dakinyさん)
  

• フォントカラー・サイズから受けるイメージ
  色はその組み合わせによっても随分と印象が変わるものです。簡単な例を挙げて説明しています。(幸形ノブユキ)
  

• テキストとBGカラー
  バックカラーとテキストの色を合わせるのならここがオススメです。メチャクチャ便利なのでDLして使いましょうね!!(dakinyさん作)
  

• colortable　(色のテスト)
  背面色と文字のカラーバランスをJAVAscriptを使用してテストできるページ。この手のページはよくあるが、ここも見やすいのでオススメ。
  

• カラーチャート
  JAVAを使用して作成されたカラーチャートです。(ホームページクリエイターズフォーラム会員　福本さん)
  

• HTML COLOR COLLECTION
  これはタグの中に色の名前を直接入力して表示できる色の一覧表です。
  

• HTML Effects Generator 2.0
  Macintosh用シェアウェアアプリケーションTHowland (AOL)作
  カラーピッカーでポイントすればBODYタグを生成してくれます。
  

• Body Builder 1.0
  Macintosh用フリーウェアアプリケーション　高木敏光　作
  各項目ごとにカラーパレットをクリックするだけで自動的にタグを生成してくれるツールです。また、スポイドでポイントしたカラーをリアルタイムにHEX表示する機能があり、非常に重宝します。
  

• WebPublishingにおけるdesign手法(フォント)
  文字に関してもブラウザ・OS等によって様々な違いがありますので、注意しましょう。(幸形ノブユキ)
  
  • WEB FONT SIZE　1(指定見本)
    
  • WEB FONT SIZE　2(OSによる違い)
    

• 機種依存文字のリスト
  Webでは色々な機種に文字を表示するため、機種依存文字を使用してはならない。ここには使用禁止文字のリストがあります。
  

• よくトラブルを引き起こす代表的な機種依存文字
  

• 文字化けはなぜ発生するのか(E-mail関係です)
  

• Webの画像について
  JPEG・GIF・インターレスGIF・ProgressiveJPEG・透過GIF・GIFアニメーションについて、実際に画像を使用して比較検討してみた。(幸形)
  
  • GIF vs JPEG (写真編)
  • インターレスGIF vs ProgressiveJPEG
  • GIF vs JPEG (ロゴ編)
  • 透過GIF
  • GIFアニメーション
• 大きなファイルと別れる５０の方法
  こちらでも実例を紹介しながら詳しく説明してある。
  
  • JPEG VS GIF
  • TRANSPARENCY
  • INTERLACE
  • CRIPT ANIMATION
  • TABLE
  • MARQUIE
  • MARQUIE CONTROLL

• Window size
  ブラウザの表示サイズはOSや環境によってことなるが、ここではその表示エリアを新規書類として作ってくれる。この書類内に自分のページを表示させて見よう。 (ホームページクリエイターズフォーラム会員　鈴村達実氏)
  
  

• サーバーサイドクリッカブルマップ
  サーバーサイドクリッカブルマップ ・クライアントサイドクリッカブルマップ ・JAVAクリッカブルマップ・ShockWaveクリッカブルマップ ・各種クリッカブルマップの実例ほかMapについてはここで網羅されてます。まずは、多くのブラウザに対応しているサーバ側クリッカブルマップから。 (ホームページクリエイターズフォーラム会員　武智義典氏)
  
  

クリッカブルマップ(クライアントサイド)

• クライアントサイド・クリッカブルマップ
  実は、クリッカブルマップは現在クライアント側だけで実現できるクライアントサイドクリッカブルマップが主流です。(Netscape拡張のマップ機能にて)サーバの負荷を軽減でき反応も早く、何よりも、接続無しで動作確認できるのが便利です。(ホームページクリエイターズフォーラム会員　武智義典氏)
  
  

クリッカブルマップ(その他の手法)

• Shockwaveクリッカブルマップ
  Shockwaveクリッカブルマップで、オリジナルなおもしろい演出を！(ホームページクリエイターズフォーラム会員　武智義典氏)
  
  
• タイリング・クリッカブルマップ(幸形方式(爆))
  とにかく、ここを見てください。この方式には本来はHTML以外必要ないですが、ここではShockwaveを使用しています。こんなのを他で見たことあります???　わけあって、導入の部分から入っていってください。
  
  
• Javaクリッカブルマップ
  ここではJavaを使用してインタラクティブなクリッカブルマップに挑戦している。(ホームページクリエイターズフォーラム会員　武智義典氏)
  
  

クリッカブルマップの実例見本

• 各クリッカブルマップの見本
  サーバ側・クライアント側・Shockwaveの3種類の見本を掲載している。(ホームページクリエイターズフォーラム会員　武智義典氏)
  
  
• サーバサイドクリッカブルマップの参考例
  クライアント側によるクリッカブルMAPの見本(幸形)
  
  • 大山ペンション村クリッカブルマップ
    丸だけを使ったシンプルなもの。
  • 観光クリッカブルマップ
    イラストマップを使ったもの。
  • 大山周辺ゲレンデ・クリッカブルMAP
    ボタン風にして埋め込んだもの。
    
    
• 鳥取県オール観光リンク集(Shockwave-Map)
  Shockwaveを使用して、観光クリッカブルマップを当サイト内に作っています。Shockwaveを使用するとクリックに反応して色を変えたり、音を出したりできます。(幸形)
  
  
• サイバークリエイターズ村(タイリング方式)
  とにかく、ここを見てください。この方式には本来はHTML以外必要ないですが、ここではShockwaveを使用しています。こんなのを他で見たことあります???　わけあって、導入の部分から入っていってください。
  
  

ホームページへ戻る