地獄HTML

「地獄は他のウェブプログラマーです。」-ジャンポールサルトル、更新された引用。

あなたが知っている、あなたが見るなら、あなたはデザインの地下にいます...

点滅テキスト

テキストが点滅しているため、それ以外に注意を払うことはほとんど不可能です。 87％のユーザーを困help状態に陥らせます。これは、差し迫ったヘッドライトに照らしてウサギが硬直するのと非常によく似ています。 これは悪いです。 まばたきタグを誤って使用すると、撃たれるはずです。 ヒント：点滅タグを使用する場合、誤って使用します（このトピックに関するユーザーフレンドリーに関する適切なコメントがあります）。

不当なアニメーション

アニメーションはまばたきタグと同じ素晴らしい怪我をあなたに与え、最終的にグラフィックの読み込み時間を害します。 グラフィックを乱用する人は、2、3フレームのアニメーションが自分の状態よりもさらに楽しくないと気付くまで、本を体の各穴に押し込む必要があります。

忍び寄るライン

たぶん、瞬きタグとお粗末なアニメーションは、あなたの目がWebプログラミングの薄明かりの天才に直面することができる最悪の拷問だと思いますか？ いや これが十分でない場合、レドモンドのGreat Satanから、山かっこを1回投げるだけでアニメーションのランニングラインを作成できるタグが提供されました。 瞬きタグのこのろくでなしの兄弟は、影響を受けやすい人々にめまいや発作を引き起こす可能性があり、ロボトミーの犠牲者がよだれを垂らしているように見えます-実際、あなたはマイクロソフト製品を購入する必要があります。 偶然？ そうは思いません。

カラフルな背景

炎、モアレパターン、または明るいピンクのカールを背景として使用するのがクールだと著者が考えているページに出会うとすぐに、画面を通してこのひどい悪党に到達して喉を裂くと誓います。 まばたきタグよりも悪化するような片頭痛や目の痛みの原因がある場合、これはカラフルな背景です。

読めないテキストと背景の組み合わせ

この世界には、色の組み合わせの目をカットするピエロメイクでテキストページの見栄えが良くなると信じるピエロがたくさんいます（カラフルな背景を愛する典型的な馬鹿は、そのすべてをドラッグします）。 これらの敗者は、「光のコントラスト」という2つの魔法の言葉を学ぶ必要があります。 あなたと色の悪い味の神との間に色の感覚が残っているようにしますが、暗い背景に対して明るいテキストが嫌いな場合、またはその逆の場合、目の痛みに苦しむことなく読みたい訪問者を思いとどまらせます。

手書きの見出し

手書きの見出しは失礼です。 ページにアクセスするすべてのユーザーが長い間ページを保持する機会を本当に望んでいると思わない限り、爪の成長を見ながら、素敵で楽しい、そして最も重要なことを入力できる見出しを表示するだけの画像をロードします。 「高速」フォント。

「最高に見える...」

ああ、はい、「最高に見える...」は、デザイナーの無能さの確かな兆候です（これが「 任意のブラウザで表示可能 」キャンペーンのパロディボタンでない場合-「任意のブラウザで視聴できます」）。 この形式の劣等感は単なる味ではなく、デザイナーのお気に入りのブラウザ以外のものを使用する機会があった膨大な数の訪問者にとって、このサイトを事実上不適切なものにします。 残念ながら、「Looks best at ...」と言う人たちは、HTMLがプラットフォームに依存しないはずだと説明しようとすると、それが何であるかを理解するにはあまりにも愚かです。 したがって、それらを彫り、盲人もインターネットを使用していることを説明する価値があります。 これがうまくいかない場合は、椅子の脚などで何でも打ってください。 裁判所はあなたに有罪判決を下しません。

「ブラウザウィンドウのサイズを...に変更します」

そうだね。 私たちのブラウザが非常に多くの画面スペースを占有するようにしたいのです。 しかし、これらの被験者が常にすべて間違ったことをするのは本当に腹立たしい。 たとえば、ブラウザには8ピクセルのインデントがあり、私たちは20を消費し、スクロールバーを提供するのを忘れていたため、いずれにしても少なくとも30ピクセルを間違え、表示されたグラフィックは真のスロップです。

巨大な固定サイズのテーブル

「ブラウザウィンドウのサイズを...に変更する」という指示を愛するすべての同じ馬鹿のおかげで、よく遭遇します。 ねえ 誰かいますか？ 世界にはさまざまなモニターを備えた多くの人々が住んでおり、フローティングテーブルは発明されていないことを彼らに伝えない理由を私に説明する人はいますか？ ああ...

ボーダー間の過度の間隔

これは特にモロニックな大きな固定テーブルです。デザイナーはページ全体をテーブルに配置し、固定幅の空の列で端をパディングします。 Nda。 HTMLがページ記述言語であると考えているデスクトップパブリッシングの悲惨な愛好家の1人であるという確かな兆候。 絞首台は彼らにはあまりにも良いです。

目的のない使用

  <small>および<font size => 

読みにくい、浅いテキストが必要な場合は、ブラウザにそう言います。 これらのタグは、特に20インチと21インチのモニターでユーザーを盗みます。ほとんどのフォントは72dpi向けに設計されているため、100dpiでは既に30％減るはずです。 テキスト自体でこれらのタグを使用するすべての人は、大きなひどいスパイクのある車で、ゆっくり、できれば30％圧縮する必要があります。

JavaScriptを使用したマスターベーション

Javascriptは、コピーアンドペーストの能力が軽微な味覚を超える人々によって引き起こされるさまざまなトラブルに関連しています。 最も一般的な不都合の1つは、Netscapeステータスバーのテキストをスクロールするスクリプトです。 すべての欠点に加えて、彼はあなたがもはやリンクがどこにつながるかを見ないことを付け加えます。 さらに良いことに、25キロバイトのJavascriptを含むページに含まれるコンテンツが5キロバイト未満の場合。 もちろん、これらのページは常に低速なサーバーでホストされているため、Javascriptの読み込みを待つことができます。これは、元のアニメーションメニューやまったく役に立たないものを見ることができる唯一の方法だからです。 一般に、コンテンツよりも多くのJavascriptを含むページはすべてビンに送信する必要があります。

Javaの悪用

普通のばかWebデザイナーよりも悪いことがあります。これは、副作用を考えずに、すべての最新テクノロジーを連続して実装するのが好きな、半ば賢いバカです。 Netscapeを使用していることを確認している有名なFortune 100 Webサイトの1つは、ブラウザがトレンディなJava検索アプレットをサポートする必要があると考えています。 また、セキュリティ上の理由でJavaを無効にした場合、Lynxで使用できる適切なCGI検索が無効になっているため、サイトを検索できません。 道徳：それを複雑にしないでください、馬鹿！ （KISS原則約。）

ポップアップ

一部の特に耐え難いデザイナーは、リンクをクリックしたときにブラウザーに新しいウィンドウを開くことを強制する魔法の公式を発見しました-または、さらに悪いことに、できるだけ早く彼らの悲惨な汚れと暴力の居住地から脱出しようとするとポップアップします戻るボタンを見つけます。 あなた自身の窓にとどまり、それを気に！ インターネットは、ユーザーが制御できなくなります。 許可なくカスタム画面の断片を粗くキャプチャすることに固執するデザイナーは、良い鞭打ちに値します。

完全にイメージマップで構築されたメニュー

ヒント：多くの人が（ダウンロード速度のため）テキストブラウザー（Lynxなど）を必要とするか、必要なため（視覚障害またはグラフィック表示の欠如）を使用します。 そのため、「[ISMAP]-[IMAGE]」と表示されるページ全体は役に立ちません。 少なくとも代替テキストメニューへのリンクを追加することに煩わされていないデザイナーは、少なくとも怠laで無分別です。 巨大な画像マップは、グラフィカルなブラウザにとっても悪いものです。 彼らは長い間ロードし、無駄な動揺のユーザーです。 不満のあるユーザーは失われたユーザーです。

確認なしでビデオとオーディオを開始する

有効にするかどうかを確認せずにデフォルトで突然再生を開始するビデオはどうですか？ いいえ、したくありません。 サイトにバナーが表示されている場合は問題ありませんが、数千ドルのギフトカードを獲得する方法について突然私のコラムが叫び始めたら、この調査に合格した場合は、ハンセン病患者のコロニーで潰瘍を舐めることをお勧めします調査に参加するか、あなたに対処してください。 ポルノサイトを作成するすべての人への別のアドバイス：ポルノを見ているほとんどの人は、半径30フィート以内の人にセックスの音が聞こえないようにしています。

ピクセル単位で固定フォントサイズを設定するスタイル（CSS）

これは、使用しているドットピッチよりも小さいドットピッチのモニターでサイトを読めないようにするWebデザイナーのバカのお気に入りの方法です。 72dpiモニターに10ピクセルまたは11ピクセルのフォントをインストールし、それを120dpiモニターで見るとどうなりますか？ そう、即座の眼精疲労、そして別のユーザーがあなたの名前を呪います。 この問題は、モニターがより大きくより細かくなるにつれて、さらに悪化します。

ホットリンクの色を変更するCSS

ページを見て、目がテキストのどの部分がホットリンクであるかを確認しようとするのをやめると、面白くないですか？ 下線付きの青と紫は、Webのジャングルでの貴重なナビゲーションのヒントです。 ページに複数の色のリンクまたは区別が困難なリンクが含まれている場合、これはブラウザーの設定をキャンセルすると、切断ナイフをよく知っていることによって罰せられる別のケースです。

一緒にではなく、テキストまたは背景色を個別に変更します

ブラウザーがデフォルトで黒の背景に緑のテキストを含むページを表示するときに気に入ったとします。 （はい、私は実際にこれを行う読者から手紙を受け取りました！）テキストの色を黒にするが、背景色を変更しないと、サイトは私のブラウザで読めなくなります。 また、背景色を白（または、さらに悪いことにオレンジ-それも起こった！）にすると、テキストの色を変更しないでください。そうすれば、私の目が酷使され、忍び寄る恐怖の侵入を願っています。 ユーザーがブラウザの設定で遊んでいないと想定するのは賢明ではありません。 両方の色を一度に設定するか、まったく設定しないでください。

バックグラウンドでのMIDI、Flash、Shockwave、およびその他の憎悪

バックグラウンドミュージックは古くからロードされており、ポータブルではありません。 FlashとShockwaveは無期限にロードされ、移植性がありません。また、それらの形式が適切であるため、単一のソフトウェアプロバイダーに依存するようになります。 あなたがそのようながらくたと訪問者を混ぜるとき、あなたは彼らがあなたに戻ってくることを期待すべきではありません。

あなたが見るなら、あなたはコンテンツの地下にいます...

訪問カウンター

「あなたはこのページの2317番目の訪問者です。」 YahooまたはAlta Vistaでは、ベッドサイドテーブルや指の間の汚れなど、地球上のすべてのページを簡単に検索して表示できます。 この勇敢な新しい世界では、訪問カウンターは、ハムスターにのみ印象を与える、特にモロニーなペニスに過ぎません。 カウンターは、この明るいきらめくページに何人の人が出会って訪問したかを伝えることができますが、「マウスクリック」を行うよりも早く「うんざり！」と不平を言ったり、ここから姿を消した人の数さえ示唆することはできません。 リンクカウンターの追加の損傷は、ページキャッシュを壊し、インターネット回線の負荷を増大させることです。

ゲストブック

あなたに何か伝えたいことがあれば、手紙を送ります。 ゲストブックを始めるのは馬鹿げていますが、それはデザイナーが何か、少なくとも何かを書くように人々に勧めたときに何が起こるかを考えていないことを示しているだけです。 もちろん、そのようなゲストブックの内容の少なくとも95％はナンセンスです。

古いリンク

古いリンクは吸う。 古いリンクがたくさんあるものはラマーです。 さて、誰もが時々それらを指します-しかし、古いリンクがゴキブリのようにページ上に通常大量に表示されることに気づきませんでしたか？ 実際、優れたWebサイトの所有者はページを監視し、それらを完全に理解し、壊れたリンクをすばやく修正します。 そのため、すぐに多くの古いリンクを使用することはほとんどありません。 時代遅れのリンクがたくさんあるページが叫ぶ：「私の著者は、ゴキブリの宮殿を所有しているバグの達人のポーズをとる怠け者で遅滞した敗者です。」

開発中のページ

ネチズンは、キリストが再臨する前にそれらを取り除くことができるのは「開発中の」10個の標識のうち2個だけであることをすぐに認識します。 これは愚かです。 HTMLはロケット科学ではなく、ページレイアウトの作成はそれほど長くありません。 自分のページから「工事中」の標識を取り除く時間を見つけられない人は、これらのページをさらに貼り付け、自分の能力により適した活動を見つけてください。たとえば、よだれを垂らしたり、壁を見つめたりします。

あなたが見れば、あなたはスタイルの地下世界にいることを知っています...

意味のないうぬぼれたページ

「こんにちは、これは私です。ここに私の犬/猫/友人/ガールフレンドのクールな写真があります」というテーマの退屈なバリエーションで見られる各ページに5コペックが与えられた場合、明日のモルディブに行くことができます。モデル。 ヒント：何も言うことがない場合は、黙ってください。 そして、このWebを取り除く-人生は退屈するには短すぎます。

憧れと尊敬

最初は、ページの黒い背景についての不快感を表明するつもりでしたが、黒い背景は問題ではないことがわかりました。 ウェブ上で黒の背景の99％を占める敗者の3つのグループが重複しています-それが問題です。 これらは次のとおりです。[a]ショーオフの消費者（「あなたよりも涼しい」は芸術です ）、[b]憧れの10代、および[c] Wired雑誌に登録することで彼らをファッショナブルにすると本当に信じるトレンドを打ち破る鐘とand。 ヒント：憧れと気取りは退屈させます。 わさびの韻をげっぷする人、および/または小文字だけで書くフェチを持っている人、および/または平凡な前衛芸術の泥だらけの写真を売る人は、彼らの静脈を切るか、コミューンに入るか、彼らの誇りからWebを保護する何かをしなければなりませんたわごと。

企業の口頭下痢

私たちは皆、それらを見ました-これらの企業ページには、主に地下世界から何らかの巨大なグラフィックロゴがロードされています。 そして、これが終わるまで100万年または3年待った後、この会社の素晴らしさについてページの残りの部分がたくさん流れています。 おそらく、メーリングリストでアドレスを取得するだけで、コンテンツがまったくないという不器用な誘惑があるかもしれません。 マーケティング担当者へのアドバイス：これは、Webアドレスを持っていることが成功への主要な所有者の外観を与えると考えるバカの模倣者の1人のように会社を目指すという目標を設定しない限り、効果がありません。 これはそうではありません！

地獄の広告

もう一度アクセスするたびに変わるページ見出しの広告は好きではありませんか？ フロントページとサブカテゴリを行き来すると、次のグラフィック広告が最終的に読み込まれるのを待つたびに怪しげな喜びを感じます。

フィードバック用のメールアドレスの不足

これらの人はあなたに彼らを見て聞いてほしいが、彼らはあなたから何も聞きたくない。 フォーチュン500のWebページの半分（マクドナルドなどのビッグネームを含む）が自分のメールを伝えたくないのは気になりませんか？ 顧客がどれほど驚くほど弱いかが本当に価値があるかを示します。 マーケティング担当者へのもう1つのヒント：これらの種類のことで、会社はsame慢で、愚かで、顧客に対して無関心であり、それが本当に何であるかがわかります。 必要な変装の一部としてフィードバック電子メールを検討してください。

クッキーストーム

多くのウェブユーザーは、部外者にハードディスクをばたつくことを望まないため、ユーザーを追跡、スキャン、分析、販売できます。 したがって、多くのユーザーは、Cookieを設定する前に要求するようにブラウザーを構成しています。 現在、多くのユーザーは、Cookieを設定するためのリクエストのフローであふれているページに非常に怒っています。 ヒント：ユーザーが最初のCookieを拒否する場合、2番目または49番目のCookieは必要ありません。尊厳を持って転送してください。 Cookieステージングページを作成するすべてのWebデザイナーは、「庭師のレオーター」（「他人に勇気を与えるために」）の鈍いナイフで中傷する必要があります。

あなたが見るなら、あなたは拡張機能の地下にいます...

無効なHTML

広く知られていないかさばるWebブラウザーの欠陥のある「パーサー」を気付かずに通過するため、膨大な量の不正なHTMLが世界に提示されました。 デザイナーは、他のブラウザーまたはブラウザーバージョンで根本的に異なる動作を引き起こすことができる場合、倒錯に対して賞を受けるに値します。

Microsoftのスマートな引用

マイクロソフトに欠陥があるもう1つの兆候は、引用符の位置を示す疑問符です。 「ここですか？例ではありませんか？Tは文盲に見えますか？」-ここに例があります、文盲に見えませんか？ ヒント：Microsoft Wordのいわゆるスマート引用機能、dumbassを削減します。 Latin-1でエンコードされていないMicrosoft固有の文字を生成します。 多くのブラウザは（当然）恐れて手を挙げています。 治療中です。

不安定な拡張機能

ページの読み込み時にブラウザがフリーズし、しばらくハングした後、恥ずかしげにドロップするのが大好きです。 これが発生した場合、このページでは、誰もデバッグする必要のない肥大化した拡張機能を使用することにお金をかけることができます（そして、それらの拡張機能はほぼ無限にあります）。 間違いなく最悪の犯罪...

フレーム

ほとんどのブラウザがクラッシュした当時、私たちは「馬鹿げたフレーム」と言っていました。 フレーム付きのフレームはまだこのようなものです。 ハッキーなフレーミングギズモで貴重な画面スペースを食い尽くします。 フレームのないフレームにはアプリケーションがあることを認める必要がありますが、それらを使用する場合は正しく実行してください。 ブックマークできないフレームは依然として吸い込まれ、ナビゲートしてもページ全体を置き換えないリンクはさらに吸い込まれます。 フレームの使用には細心の注意を払ってください。

ページの改善

「さて、行き過ぎないようにするための良いレッスンをくれました。 たぶん、もっと前向きな何かがありますか？ たとえば、何をする価値があり、どのようにページを改善できますか？」私の友人であるあなたのために、3つの言葉があります。 コンテンツ、コンテンツ、コンテンツ。 訪問者に興味を持たせる理由を提供します。 あまりにも多くのページが、ばかによって語られたおとぎ話のように見えます-哀れみに満ちていますが、意味はありません。 面白くなりたいですか？ その後、グラフィックと輝きを忘れてください。 まず第一に、何か言いたいことがあります。

提案？

悪いHTMLデザインについて苦情がありますか？ 私たちに書いてください！ <esr@thyrsus.com>



ページの評価や修正を依頼しないでください。 自分のページをサポートする時間を見つけることは、すでに非常に困難です。 前もってたくさんのお金を払って初めて私の心を変えることができます。

感謝の気持ち

...後にウェブから姿を消したという事実にもかかわらず、このページの作成に影響を与えたピートグラスコック。パトリックキャンベルプレストン（パトリックキャンベルプレストン）<patrick@chaos.org.uk>のほとんどの「エイダ」 「... Rob Novak <rnovak@ibm.net> for」「地獄の広告」。 このページの作成に参加した残りの人は、表示しないように依頼しました。

別の良いヒント

CJ Silverioの Webデザインに関するかわいい説教があります。 悪い技術の恐ろしい例は、 吸ったWebページにまとめられています 。 Jakob Nielsenの「 ウェブデザインの10の間違い 」コラムも良いです。 エールスタイルガイドは読む価値があります。



翻訳：©Vadim、ckald、onb、Vladimir_M、Bubik。



群衆によって翻訳された