var flag=true;
//var flag=false;

alert(flag?1:3);

trueなら1がfalseなら3が返って来ます。
文字列も可能
alert(flag?"aaaa":"bbbb");

今まで、なんか分かりづらかったのでこの書き方をしなかたけど
よく考えたらif elseを大量に書かなくて済むので結構便利ですね。

これからは活用していこうと決心したメモでした。

クライアントの環境によっては画像の読み込みが

未だに遅いケースがありますよね。

amazonのAPIの画像とかも意外と読み込みが遅かったり、、

全体の描写が遅いとやっぱりユーザーはストレスを感じると思う。


試してないけど対応策を考えてみた。

画像のURLはname属性に書いといて、オンロードでそれをsrcに入れてあげればいのでは?

そうすれば遅くてもさほど気にならないかと、、


ただ、h1など重要な要素が遅いとそれはそれでダメなので

class指定でこんな感じに書いといて

srcには軽めのダミー画像を読み込ませる。


<img class="loadLater" src="nowloading.gif" alt="イメージの名前" name="実際に表示させたい画像のURL" />


それで

あとでjsで値を渡してどんどん表示をさせていく

(jqueryだとこんな感じ)

$('img.loadLater').each(function(idx){
$(this).attr("src",$(this).attr("name"));
});


画像一覧系のページには効果抜群だと思うのだが、どうだろう?

フォームの整列
これ賢いね、、、、

表示に変数が入って文字領域の幅が不確定の場合や
静的でも更新性が高いモノは

こうやってCSSの代わりにJSでデザイン調整してやると
便利かも

CSS記述で悩む→深く悩む前にJSで解決

HTMLは汚さないし、ブラウザのJS処理速度は上がっているので
こういう思考はありだと思います。