2009 2009年3 24

= "true"を無効にすると同じ= "false"を無効にされていますか

このものを古い学校が、それは私の記憶のサプリメントですいつものように...
したがって、= "true"を、無効= "false"を同じ無効になっていますか?
......まあ、信じてはいけない! それは...ここの方法はいくつかの簡単な説明であるthatsの...
"無効"フォーム要素/フィールドのいずれかの属性であるため、その性質により、任意の値を受け入れることができます。

この属性が存在する限り、同様に、要素はその値に関係なく無効になります。 例のために。
<input type="text" value="Thisですdisabled"が無効化さ
<input type="text" value="Thisですdisabled" disabled="disabled">
<input type="text" value="Thisですdisabled" disabled="true">
<input type="text" value="Thisですdisabled" disabled="false">

上記のすべては、このフォームフィールドに "DISABLED"になります。

単に属性 "DISABLEDは、"フィールド "エーブル"を維持...以下のように提供していない

<input type="text" value="Thisは/> disabled"はありません

覚えている"disabled属性の任意の値(またはまったく値)を、ブラウザはそれが無効になってレンダリングされます 。" 私たちの心のW3Cで物事を明確に維持するためには、私たちがこのような状況で無効になって= "無効"を使用することをお勧めします。

これはJavaScriptでこの属性を使用する場合でも違いは...

document.form.element.disabled = TRUE; / /要素は無効化されます
document.form.element.disabled = falseは、/ /要素が有効になります

上記の引数は、これらの属性および要素にも当てはまります。

  • (ラジオボタンとチェックボックス)をチェック
  • (オプション)を選択し
  • パラメータnowrap(TD)

2009 2009年3 22

SevenUp! IE6を取り除くために世界を奨励!

Googleは...運動プロンプト人はIE6ダンプするために...ページのロード時にPOPUPと盗聴IE6ユーザによって開始されます非常に良いアイデアではありませんかもしれません...しかし、UIの開発者である、私はこのバンドワゴンを結合する必要があります...私のための1以下のブラウザが心配ごめん利己的なそれはある! 私はこのjavascriptを含むました...(IE6でこのページをTRY)...
ヘイ! と明るい調子で...それは、JavaScriptのPOWERの表示です参照してください。.... それも巨人をダウンさせることができます(または、かつてそれがあった)

SO ... javascriptの1行でIE6の世界を取り除く助けて!

http://code.google.com/p/sevenup/


2009 2009年3 19

IE6をダウンさせ、その約時間!


明日から世話をするために別のブラウザを使って! (IE8は明日、そのベータ版の状態から出てくる)...その本当に高い時間IE6は、その長いため、慈悲死を与えられている...米国は、我々は、IE6の秋に立つ

"IE6は新しいNetscape 4である。 IE6をサポートするために必要なハックは、ますます過剰な貨物と見なされます。 2000年のNetscape 4のように、IE6はウェブを戻す保持することが認識されています。 "

ジェフZeldman、標準の第一人者

その一方でIE8でのCSSレイアウトを壊すの電話が殺到する人々 、私のようなそれらのために、ここで/あなたが試みることができるメタ·タグ(META HTTP-EQUIV = "X-UA-Compatible"と)を使用して修正周りに古い作品です...

IE8の誤動作:CSSレイアウトの破損(IE8のMETAタグを使用してブラウザのバージョンを対象)


2009 2009年3 12

良いUIデザインは、標準に準拠しなければなりません。 またはそれはすべき? 私のトップ10のUIデザインルール


どちらも私は、ユーザーインターフェイス(UI)開発にとって非常に新しいですしないも私はベテランと私はいつもそれを置くとして、私は後悔して、より多くのデザイナーに比べてUI開発者のプロファイルに適合します。 まあ! 私はについて何を書いていた? 私はUIデザイン(プロのデザイナーが休日になったとき)のビットに入るないとき...しばらくの間はすべての今して、現在(任意の小さくない年である必要があります)、私は常にカントストップは私のデザインは必要があるかどうかを考える正しくcomplientかどうかである(心から、私はあまりにたい場合は、100%の標準への準拠を逆説ことができませんでしたが)。 それから私は何がらくた、私を教えて! ...デザインが良い、シンプルで、主に使用可能なように見えるとすれば、訪問者が逃げるべきではありません...やbounce(技術的であるため)。 素敵なテーブルレスCSSレイアウトは、すべてのスマートハイパーテキストとウェブページの皮膚の下にカスケーディングスタイルシートを知らない訪問者、...大失敗するに良い何だろう!
それが格好よく見えて、使いやすいはず...そしてすべての規格のものを付属しています。

私はジェイソン·フリードによってaccrossこのブログのエントリをstumbbled 37 Signalsのほぼ5年、2004年に似たようなことを書いて、私を信じて(認識して37の信号はありませんBasecampやキャンプファイヤーなどのようないくつかの素晴らしいWebアプリケーションを作成しましたoncesている人の場合)、ずっとその...私は完全に彼はまた、事実を言うとしなければならないものに同意するとして、私は彼のポストを読むことが幸せだったので、変わっていないと、彼女はちょうど彼の直感について語っているかについて確認されていませんので、私のものです :)

ジェイソン·フリード: "あまりにも多くのCSSとXHTMLと規格の話とアクセシビリティと十分な人々について話をしない方法はありません。 CSSと標準準拠のコードは単なるツールです - あなたは、これらのツールを使用してビルドするかを知っている必要があります。 偉大な、私はあなたのUIは、テーブルを使用していませんうれしいです。 だから何? それはまだ人々が彼らの目標を達成することはできません、誰が気に。 Web標準は素晴らしいですが、人々の独自の基準(およびそれがオンラインで行うにはまだ難しすぎ)物事を成し遂げるが含まれています。

この時間を除いて、そのコード良く見える - UI設計者は同じ古い基本的なミス "の反対側の人間を忘れ"を行っています。 人間 - ないコードバリデータ - を使用するインタフェース "を参照してください。

レジに進むジェイソン·フリードの記事全文

DISCALIMER:これは、我々はすべてで基準について悩むべきではないという意味ではありません。 基準は、可能な限りを持ち、それらに固執してもいいです。 私たちは良いUIデザインは、常に100%の基準Complienceまたはその逆を意味するものではないことを理解する必要があります....

私の教訓の私のリストから、私はいくつかのUIの設計と開発ゴールデンルール... HERESにトップ10に従ってください...あなたがあまりにもそれに従っていないことを... :)

1。ユーザの注意を払ってください。 ユーザーがサイトを作るか、または壊すことができます。 ユーザーがウェブサイトを使用することの全くできない合計idoit、ように見えるようDONOT。 それはBADです!

2。シンプルさと、プライマリguidlinesを使用しての使いやすさを保持します。 画面上であまりにも多くのものは、ユーザーが混乱したり、元のタスクから気が紛れることが高い確率で。

3 LIMITSである... DONOTは、ユーザビリティ、アクセシビリティや標準にあまりにもお楽しみください。 事実上の標準を使用し、それらをチームに理解させる。 これは、製品の右側の一貫性を確保する

4要件をプロトタイプ。 ますので、ご使用のインターフェースが豊富で、これらの日、プロトタイピングは、常に単純なワイヤーフレームを作るよりも優れていると、後者はまともな相互作用は無効となり、それがクライアントに開発されている最終製品の鮮明な画像を提供するために失敗しました。 常に、それは最終的な成果にプロトタイプを変換する方が簡単です。 また! プロトタイピングで任意の相互作用の問題は、開発サイクルの早い時点で問題視することができます。

5。デザインとインタラクションの一貫性は非常に重要です。 予期しない相互作用およびギズモを使用してユーザーを混乱させるDonot。

6。あなたの"デザインのミッション·ステートメント"を理解する。 遠かっは、設計ページbeignの主な行動に焦点を当てています。 また、ページ上のsecondayアクションのリストを作り、それらに優先順位を設定します。

7。サイトのユーザーに適切なフィードバックを提供します。 AJAXの周りに設計されたウェブサイトのほとんどは、ページへの変更についてユーザーに視覚的な手がかりを提供しています。 ユーザは、彼が実行するすべてのタスクの完了の承認を与えなければなりません。 Donotは、例えばのために、ユーザーが待機して推測します。 ファイルuplaodsの進行状況インジケータを提供しています。

8。適切なコントロールを使用します。 例えば、使用するためのわずかなリストのリストをドロップダウンを選択し、donotは、ユーザーが選択ボックスを使用して、200都市のいずれかを選択することができます。 ボタンとリンクの違いを理解しています。 リンクやボタンが異なる目的を持っているdonotは、他のための1つを使用しています。 簡単にページと相互作用するように右のコントロールを提供しています。 2つのレベルの深さ以上あるメニューを、使用することは避けてください。 車輪を再発明しない。 標準コントロールを使用して、非常に必要に応じてカスタマイズすることができます。 それらが作成および使用accrossサイトの準備ができて、独立してテストすることができますので、あなたのサイトに最初に手に必要なすべてのカスタムコントロールを定義します。

9 Donotは、デザインにあまり反復します。 忘れないでください! 製品全体は、単独でより多くのその設計をされています。 設計の反復のためにプロジェクトのスケジュールに適切なタイムラインを構築し、それに固執する。 反復は、私たちが働き、どのような、問題点をピックアップしません何かを見つけるのに役立ちます。 良いインタフェースには時間がかかりますので、設計の繰り返しが直接リワークに等しく鞭ように、開発サイクルの冒頭の反復のための時間を提供しています。 あまりにも多くのリワークは、期限をjeopradize可能性があります。

10後ろに座ると、時にはユーザーのように考える。


2009 2009年3 8

WordPressのブログのためのグローバルトランスレータプラグイン

私は私が私のGoogle Analyticsは、ほぼ毎日チェックすることを、私のブログのページビュー数の増加に興奮している。 私のブログは他の多くの言語でのサイトで、世界中の人々に呼ばれていることに気づいた。 ソー·ナイス!!
生命私の英語以外の視聴者の船のためのビットを容易にするために、私は "グローバルトランスレータ"と呼ばれるGoogleのウィジェット/プラグインを追加しました。

グローバルトランスレータは、それが"自動的に4つの異なったオンライン翻訳エンジン(Googleの翻訳エンジン、Babelfishの翻訳エンジン、FreeTranslations.com、PROMT)ラップすることによって41種類の言語のブログを翻訳する"と述べている... あなたがあなた自身のWordPressのインストールに追加したい場合...ここでそれをチェックアウトhttp://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

わからない、翻訳がどのように良いですが、私は心からそれが英語であることを、唯一失望する、私のブログに到達してしまう人、それはそこ少数の仲間の開発者を助けることを望んで....

トランスレータのリンクはサイドバーの下部にあります....


2009 2009年 3 7

JavaScriptで複数のWindowsのonload関数を呼び出す

私は状況がそれをcommanedので、周りに掘ってあったことをJavascriptの策略の別の小さなピースはHERESに。 私のWebサイトのいずれかで、私は二回 "windows.onload"を実装しなければならなかったこのような状況があった。 私のような未熟な心(私は正直なところ私はjavascriptのフレームワークやライブラリを使用しているので、私は自分自身...悲しいですが本当で、単純な物事を行うには忘れられたました、と言わざるを得ない)となりましたでしょうまず最初に、次のメソッドです。 ...

にwindow.onload = onloadfn1。
にwindow.onload = onloadfn2。
にwindow.onload = onloadfn3。
等..

残念ですが、これは文句を言わない仕事... Javascriptの多くの実行科学を議論したくない...しかし、私の最近の経験によれば、最後の関数(onloadfn3)病気が実際に実行されます。

通常の状況では、私(私は後で少し話をします)とは違って...あなたはmutlipleのonload関数を実行するには、次のいずれかを行うことができ....

このようにまたは何か

関数doOnLoad(){
         onloadfn1();
         onloadfn2();
         onloadfn3();
 }
にwindow.onload = doOnLoad。

私の現在の状況については、私は上記のいずれかを使用することはできません...
なぜ私は、単一のonload関数内の2つの関数を呼び出すことなく、windows.onload回呼び出す必要がありましたか? ここに私の問題文をざっと見ては...

"個人用サイトのページは、WordPressのテーマのように構成されています.... つまり、すべてのサイトのページに含まれる共通のheader.phpのとFooter.phpがあります。 いくつかの共通のonload関数を実行するFooter.phpのonload関数のimplementaionがあります。 とは別に共通のonload関数によって行われたものから自分のONLOADの何かに必要があるいくつかのページがあります。 私はにwindow.onloadハンドラに直接コールバック関数を割り当てる場合は、 "Footer.phpで以前に割り当てられたコールバックをオーバー乗ります。

.... 私の問題は理解されている :)

よく! 私が見つけなかったことをいくつかのソリューションがあります。 それらはすべて非常に類似しており、主にサイモン·ウイルソン(で指定された溶液のimplementions http://simonwillison.net/2004/May/26/addLoadEvent/ )...

ソリューション:

単にサイトにこのjavascriptのコードを追加します。...

機能addLoadEvent(FUNC){
     VAR oldonload =にwindow.onload;
    もし(typeof演算にwindow.onload!= '関数'){
       にwindow.onload =関数
     する} else {
       にwindow.onload =関数(){
            {(oldonload)の場合
                   oldonload()
           }
           func()を
        }
    }
 }

代わりに、通常の "windows.onload"のそれを呼び出す

 addLoadEvent(FunctionToRunOnPageLoad);
 addLoadEvent(関数(){
ページのロード*上で実行する/ *さらにコード
 }); 

このコードスニペットの利点は...
1。 主に、それは以前の定義をオーバーライドすることなく、あなたのコードの別々の部品から呼び出され、複数のwindows.onloadイベントを持っていることができます
2。 それは本当に控えめです。 それはあなたの他のスクリプトとファイル内、または別のファイルに配置することができます。
3。 それはにwindow.onloadがすでに設定されている場合でも機能します。


NDKホーム | ITを表現 | 表現口蓋 | Penmenshipを表現 | 表現する素晴らしい | 自分を表現