落とし穴一覧 - MdN Design Interactive

TOP > web creators > WEBデザインの落とし穴

web creators

連載記事 web creators

Webデザインには、あなたの知らない「落とし穴」がたくさん。大きなものから小さなものまで、それらが及ぼす影響はさまざまだ。カンペキだと思っているあなたのサイトも、実はすでに暗い穴の中かも・・・。
このコーナーでは、Webデザインで陥りがちな落とし穴を3段階の危険度と共に紹介しながら、その対処法を解説していく。

【落とし穴一覧】

　CSSの落とし穴

Windows XP＋IE 7とIE 6のフォント指定の違い
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」の使い分けについて
インスタンス名の落とし穴
変数とインスタンス名の落とし穴
作業範囲が足りない落とし穴
ボタンアクションの落とし穴

　HTMLの落とし穴

テキストボックスを設定する際の落とし穴　
iframe要素の多用がユーザビリティを妨げる落とし穴　
フレーム内にリンク先のページが表示されてしまう落とし穴　
画像をTABLEで組んだとき、画像間にすき間が生じる落とし穴　
マルチラインテキストフィールドでの文字制限の落とし穴　
フォームタグまわりの余白がレイアウトを崩す落とし穴　
文字化けを起こす文字コード設定の落とし穴　
ユーザビリティの低いフォームの落とし穴　　
画像を使用したフォームボタンの落とし穴　　
ロールオーバー画像がスムーズに現れない落とし穴
ビヘイビアを適用したものが正常に動作しない落とし穴
右クリック禁止の落とし穴　
テーブル幅を指定するときの落とし穴
インラインフレームのスクロールの落とし穴
フレーム分けでのリンクの落とし穴
Dreamweaverで＜B＞タグと＜I＞タグを使用するには
テーブル100%の落とし穴
Web用カラーの落とし穴
動く文字は＜MARQUEE＞タグではなくJavaScriptを使用する
テーブル余白とセル間隔の落とし穴　
HTML記述の問題点をチェックしてアクセシブルに
携帯サイトにおける行送りの落とし穴
特殊文字表示の落とし穴
フォームのスペースの落とし穴

　JavaScriptの落とし穴

JavaScriptの動作に関係なくページが移動する
ウインドウのサイズ指定の落とし穴
ロールオーバーなどにおける画像のID指定の落とし穴
クリックするとリンク範囲が表示されてしまう落とし穴
JavaScriptに対応していないブラウザの落とし穴
ウインドウが隠れる落とし穴
フォーム二重送信によりデータベースが混乱してしまう落とし穴
管理画面などの作業が非常に複雑になってしまう落とし穴

　画像の落とし穴

Webサイト用の画像を書き出しする際の落とし穴
書き出した透過GIFが背景となじまない落とし穴
アウトライン化すると文字が崩れる落とし穴
画像フォーマット「PNG」のメリットデメリット
IMG要素のサイズ変更の落とし穴

　ブラウザの落とし穴

大きな画像にマウスオーバーした際、イメージツールバーが表示される落とし穴
スクロールバー表示範囲のスペースが表示される落とし穴
リンクボタンの落とし穴
端末別アクセス対応時の落とし穴
スクロールバーの表示・非表示でレイアウトがズレる落とし穴

　その他の落とし穴

WindowsとMacのデータ交換におけるファイル名の落とし穴
Movable Typeで、ページの読み込みが遅くなる落とし穴
テキスト選択がうまくできなくなる落とし穴
カテゴリ名を日本語で記載した場合の落とし穴

この記事をチェックした人はこんな記事も読んでいます。

この記事をチェックした人はこんな書籍も見ています。

書籍一覧を見る

おすすめの記事

出版物のアフターケア

今日のおすすめ

あらゆるメディアを創造するクリエイターに。
プロフェッショナルのためのツール新登場！

転職ならFind Job !

web creators編集部からのお知らせ

webcreatorsjp 【web creators記事】「思考するWEBディレクション第8回制作のクオリティやスピードをアップさせるスタッフィング（後編） Phase 3 能率を最大限に引き上げる情報共有とルール化」をアップしました。 http://bit.ly/9xHfTk

約7時間前

WEB CREATORS DATABASE

記事に関するお問い合わせ

エムディエヌカスタマーセンター
info@MdN.co.jp

MdNからのお知らせ

『水彩スケッチ教室下描きと上手な絵の具の使い方』お詫びと訂正のお知らせ

『XHTML＆CSS 定番テクニック大全』サンプルデータのダウンロードページに関するご>案内

・RSSをご利用の方へ再設定のお願い

・著作権者の皆さまへ
「Googleブック検索和解について」

ログイン