Webデザインには、あなたの知らない「落とし穴」がたくさん。大きなものから小さなものまで、それらが及ぼ す影響はさまざまだ。カンペキだと思っているあなたのサイトも、実はすでに暗い穴の中かも・・・。
このコーナーでは、Webデザインで陥りがちな落とし穴 を3段階の危険度と共に紹介しながら、その対処法を解説していく。
このコーナーでは、Webデザインで陥りがちな落とし穴 を3段階の危険度と共に紹介しながら、その対処法を解説していく。
【落とし穴一覧】
CSSの落とし穴 |
Windows XP+IE 7とIE 6のフォント指定の違い
Internet Explorer 6で文字の左側が欠けてしまう
CSSや<font>タグを使用して文字のスタイルを設定する際の落とし穴
入力フォームのサイズが揃わない落とし穴
リンクの領域が小さくなってしまう落とし穴
Windows版IE 6でDIVが崩壊する落とし穴
A4判に収まるように印刷する場合の落とし穴
環境による文字サイズの相違の落とし穴
テキスト量の増減でレイアウトが崩れてしまう落とし穴
Internet Explorer 6で文字の左側が欠けてしまう
CSSや<font>タグを使用して文字のスタイルを設定する際の落とし穴
入力フォームのサイズが揃わない落とし穴
リンクの領域が小さくなってしまう落とし穴
Windows版IE 6でDIVが崩壊する落とし穴
A4判に収まるように印刷する場合の落とし穴
環境による文字サイズの相違の落とし穴
テキスト量の増減でレイアウトが崩れてしまう落とし穴
Flashの落とし穴 |
CGIから読み込まれる値が変化しない
パスオブジェクトをFlashにペーストした際の落とし穴
Flashでビットマップ形式のデータを扱うときの落とし穴
シェイプトゥイーンでイラストをアニメーションにする際の落とし穴
スクリプトを記述する際の落とし穴
マスクをアニメーションさせる場合の落とし穴
ボタンアクションにおける操作イベントの落とし穴
ボタンシンボルを配置する際の落とし穴
さまざまな場面で直面するhit判定の落とし穴
オブジェクトにクリップイベントを設定する際の落とし穴
if文を使ったKey.isDownの落とし穴
トゥイーンのシェイプを設定する際の落とし穴
Flash貼り付け時のOS、ブラウザ環境による落とし穴
Flashで素材を作成する際の落とし穴
パソコンの処理速度が追いつかなくなる落とし穴
外部swfファイルを読み込む際の落とし穴
Flashの外部読み込みテキストが文字化けする落とし穴
画像の圧縮率の落とし穴
テキスト読み込みで特殊文字が読み込めない落とし穴
モーショントゥイーンの落とし穴
ロードの落とし穴
カスタムカーソルの動きがカクカクしてしまう落とし穴
グラデーション塗りの落とし穴
on ClipEventの落とし穴
再生品質の落とし穴
アクションスクリプトの落とし穴
フレーム反転で伸縮と回転の設定がOFFになる落とし穴
条件設定における「if」と「else if」の使い分けについて
インスタンス名の落とし穴
変数とインスタンス名の落とし穴
作業範囲が足りない落とし穴
ボタンアクションの落とし穴
パスオブジェクトをFlashにペーストした際の落とし穴
Flashでビットマップ形式のデータを扱うときの落とし穴
シェイプトゥイーンでイラストをアニメーションにする際の落とし穴
スクリプトを記述する際の落とし穴
マスクをアニメーションさせる場合の落とし穴
ボタンアクションにおける操作イベントの落とし穴
ボタンシンボルを配置する際の落とし穴
さまざまな場面で直面するhit判定の落とし穴
オブジェクトにクリップイベントを設定する際の落とし穴
if文を使ったKey.isDownの落とし穴
トゥイーンのシェイプを設定する際の落とし穴
Flash貼り付け時のOS、ブラウザ環境による落とし穴
Flashで素材を作成する際の落とし穴
パソコンの処理速度が追いつかなくなる落とし穴
外部swfファイルを読み込む際の落とし穴
Flashの外部読み込みテキストが文字化けする落とし穴
画像の圧縮率の落とし穴
テキスト読み込みで特殊文字が読み込めない落とし穴
モーショントゥイーンの落とし穴
ロードの落とし穴
カスタムカーソルの動きがカクカクしてしまう落とし穴
グラデーション塗りの落とし穴
on ClipEventの落とし穴
再生品質の落とし穴
アクションスクリプトの落とし穴
フレーム反転で伸縮と回転の設定がOFFになる落とし穴
条件設定における「if」と「else if」の使い分けについて
インスタンス名の落とし穴
変数とインスタンス名の落とし穴
作業範囲が足りない落とし穴
ボタンアクションの落とし穴
HTMLの落とし穴 |
テキストボックスを設定する際の落とし穴
iframe要素の多用がユーザビリティを妨げる落とし穴
フレーム内にリンク先のページが表示されてしまう落とし穴
画像をTABLEで組んだとき、画像間にすき間が生じる落とし穴
マルチラインテキストフィールドでの文字制限の落とし穴
フォームタグまわりの余白がレイアウトを崩す落とし穴
文字化けを起こす文字コード設定の落とし穴
ユーザビリティの低いフォームの落とし穴
画像を使用したフォームボタンの落とし穴
ロールオーバー画像がスムーズに現れない落とし穴
ビヘイビアを適用したものが正常に動作しない落とし穴
右クリック禁止の落とし穴
テーブル幅を指定するときの落とし穴
インラインフレームのスクロールの落とし穴
フレーム分けでのリンクの落とし穴
Dreamweaverで<B>タグと<I>タグを使用するには
テーブル100%の落とし穴
Web用カラーの落とし穴
動く文字は<MARQUEE>タグではなくJavaScriptを使用する
テーブル余白とセル間隔の落とし穴
HTML記述の問題点をチェックしてアクセシブルに
携帯サイトにおける行送りの落とし穴
特殊文字表示の落とし穴
フォームのスペースの落とし穴
iframe要素の多用がユーザビリティを妨げる落とし穴
フレーム内にリンク先のページが表示されてしまう落とし穴
画像をTABLEで組んだとき、画像間にすき間が生じる落とし穴
マルチラインテキストフィールドでの文字制限の落とし穴
フォームタグまわりの余白がレイアウトを崩す落とし穴
文字化けを起こす文字コード設定の落とし穴
ユーザビリティの低いフォームの落とし穴
画像を使用したフォームボタンの落とし穴
ロールオーバー画像がスムーズに現れない落とし穴
ビヘイビアを適用したものが正常に動作しない落とし穴
右クリック禁止の落とし穴
テーブル幅を指定するときの落とし穴
インラインフレームのスクロールの落とし穴
フレーム分けでのリンクの落とし穴
Dreamweaverで<B>タグと<I>タグを使用するには
テーブル100%の落とし穴
Web用カラーの落とし穴
動く文字は<MARQUEE>タグではなくJavaScriptを使用する
テーブル余白とセル間隔の落とし穴
HTML記述の問題点をチェックしてアクセシブルに
携帯サイトにおける行送りの落とし穴
特殊文字表示の落とし穴
フォームのスペースの落とし穴
JavaScriptの落とし穴 |
JavaScriptの動作に関係なくページが移動する
ウインドウのサイズ指定の落とし穴
ロールオーバーなどにおける画像のID指定の落とし穴
クリックするとリンク範囲が表示されてしまう落とし穴
JavaScriptに対応していないブラウザの落とし穴
ウインドウが隠れる落とし穴
フォーム二重送信によりデータベースが混乱してしまう落とし穴
管理画面などの作業が非常に複雑になってしまう落とし穴
ウインドウのサイズ指定の落とし穴
ロールオーバーなどにおける画像のID指定の落とし穴
クリックするとリンク範囲が表示されてしまう落とし穴
JavaScriptに対応していないブラウザの落とし穴
ウインドウが隠れる落とし穴
フォーム二重送信によりデータベースが混乱してしまう落とし穴
管理画面などの作業が非常に複雑になってしまう落とし穴
画像の落とし穴 |
Webサイト用の画像を書き出しする際の落とし穴
書き出した透過GIFが背景となじまない落とし穴
アウトライン化すると文字が崩れる落とし穴
画像フォーマット「PNG」のメリットデメリット
IMG要素のサイズ変更の落とし穴
書き出した透過GIFが背景となじまない落とし穴
アウトライン化すると文字が崩れる落とし穴
画像フォーマット「PNG」のメリットデメリット
IMG要素のサイズ変更の落とし穴
ブラウザの落とし穴 |
大きな画像にマウスオーバーした際、イメージツールバーが表示される落とし穴
スクロールバー表示範囲のスペースが表示される落とし穴
リンクボタンの落とし穴
端末別アクセス対応時の落とし穴
スクロールバーの表示・非表示でレイアウトがズレる落とし穴
スクロールバー表示範囲のスペースが表示される落とし穴
リンクボタンの落とし穴
端末別アクセス対応時の落とし穴
スクロールバーの表示・非表示でレイアウトがズレる落とし穴
その他の落とし穴 |