GoogleChromeMac版をダウンロード
ダウンロードURLが以外と見つからなかったのでポスト。
以下のURLにアクセスし、「Accept and Download」を押すとダウンロードが開始されます。
http://www.google.com/chrome/intl/en/eula_dev.html?dl=mac
グリモンとFireBug使えるようになればFxから乗り換えます。
アクセス制限かけました。
一般ユーザーの方が相当な負荷を掛けている又は、SPAM業者などのIPでアクセス制限を掛けることにしました。
SPAM業者は片っ端から除外するようにし、一般閲覧者は過負荷になりうるユーザーは真っ向から遮断します。
※分間100アクセスほどされた場合に限る
閲覧出来なくなる可能性がありますが、その際は管理者まで連絡を頂ければと思います。
[jQuery]jQueryを使って画像をいろいろやってみる
jQueryを使って画像をいろいろ操作してみます。
[as3]IEでstage.stageWidth及びstage.stageHeightが取得できない?
ちょっとIEたんでぶつかったのでポスト。
[試してみた]yuga.jsの親フォルダへのリンクをカスタム
タイトル通り試してみたのでポスト。
jQueryでの落とし穴
ちょっとはまったのでポスト。
jQueryのプラグインを使う際に気をつけなきゃいけないことなんですが、jQuery(function(){});でdocument読み込み完了後に処理させるようにするのはもちろんなんですが、プラグインによってはうまくCSSが当たらない等があります。
これはjQueryプラグインを読み込んだ後にCSSをあてがうと起こります。
例えば「jquery.bar.js」とかいうプラグインがあるものとして例を挙げてみます。
例えば以下のような場合。
<script type="text/javascript" src="js/jquery-1.3.2-min.js"></script>
<script type="text/javascript" src="js/foo/jquery.bar.js"></script>
<link href="/css/bar.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text.javascript">
jQuery(function(){
jQuery("#id").bar() ;
}) ;
</script>
これはユーザーからみれば、ドキュメント読み込んでからCSS当たるんだもんね!って解釈になっているので本来なら「css読み込む→js読み込む→js実行される」と動いて欲しいところですが、これだと上から順番に実行されるのでうまくCSSが当たらない場合があります。
もし正しく動作させるならば、先ほどの読み込み順序は以下のようにならなければなりません。
<link href="/css/bar.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2-min.js"></script>
<script type="text/javascript" src="js/foo/jquery.bar.js"></script>
<script type="text/javascript">
jQuery(function(){
jQuery("#id").bar() ;
}) ;
</script>
理由はとっても簡単。
上から順に実行されるから。
でも上から順に実行されるからって理由だけじゃ満足されない方もいるかもしれないので、もう少し詳しく。
プラグイン内部では、たいがい「each」という関数が使われています。
その中で、抽出されたHTML要素に対してCSSを当てたり、クリックされたら動いてね!等の関数をあてがうことが出来ます。
このせいで後からCSSを読み込ませたりすると、CSSでの表示崩れが起こる場合があると言うことなのです。
なので、jQueryプラグインを使う際はCSSとJSの読み込み順序に気をつけましょう。&前に戻りまくる事も大切。というお話でした。
といっても、配布サイトに書いてあったりもするんですが・・・。
[jQueryプラグイン]jCounterを作りました。
たまに管理画面内のログを見るのですが、以外とjQueryで数字カウントを検索している方がいらっしゃるみたいでしたので、勢いで作ってみました。
続きを読む
